@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
            * {
                font-family: 'Poppins', sans-serif;
                margin: 0;
            }
            
            body {
                color: #4A2C2A;
                scroll-behavior: smooth;
                display: flex;
            }
            
            header {
                font-weight: bold;
                background-image: url("building.png");
                background-size: cover;
                background-color: #4A2C2A;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 6cm;
            }
            
            @media all and (max-width: 480px) {
                .nav-items {
                    display: flex;
                    justify-content: space-between;
                    font-size: 16px;
                    align-items: center;
                }
                .nav-items li {
                    list-style: none;
                    display: inline;
                }
                .nav-links {
                    margin-right: 1cm;
                }
                .nav-links a {
                    text-decoration: none;
                    color: #4A2C2A;
                }
                .nav-links:hover {
                    transform: scale(1.1);
                    color: #372120;
                }
                .nav-links:active {
                    transform: scale(1.1);
                    color: #251716;
                }
                .headerText {
                    font-size: 30px;
                    margin-top: 3cm;
                    margin-right: 10cm;
                    position: relative;
                    top: 0;
                    margin-left: 0.3cm;
                }
                .headertext1 {
                    padding-left: 0.3cm;
                    font-size: 18px;
                    color: white;
                    background-color: #CC9966;
                    width: 50%;
                }
                .button1 {
                    background-color: #CC9966;
                    color: #4A2C2A;
                    border: 0;
                    height: 1cm;
                    width: 4cm;
                    font-weight: bold;
                    position: relative;
                    left: 5.5cm;
                    bottom: 3cm;
                }
                .button1:hover {
                    transform: scale(1.1);
                }
                .description {
                    background-color: #D69944;
                    position: absolute;
                    right: 0;
                    left: 0;
                    top: 10.5cm;
                    height: 5cm;
                    font-weight: bold;
                    font-size: 16px;
                    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
                }
                .paragraph1 {
                    padding-left: 0.6cm;
                    width: 60%;
                }
                .description:hover {
                    transform: scale(1.1);
                }
                footer {
                    background-color: #4A2C2A;
                    position: absolute;
                    right: 0;
                    left: 0;
                    top: 15.5cm;
                    height: 5cm;
                    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
                }
                .box2 {
                    background-color: #D69944;
                    position: relative;
                    top: 1cm;
                    left: 3cm;
                    width: 30%;
                    height: 1cm;
                    font-weight: bold;
                    align-items: center;
                    padding: 10px 5px;
                    border-radius: 10px;
                }
                .box2:hover {
                    transform: scale(1.1);
                }
                .box3 {
                    background-color: #D69944;
                    position: relative;
                    top: 1.3cm;
                    left: 2cm;
                    width: 65%;
                    height: 1cm;
                    font-weight: bold;
                    align-items: center;
                    padding: 10px 5px;
                    border-radius: 10px;
                }
                .box3:hover {
                    transform: scale(1.1);
                }
            }