.box {
                box-sizing: border-box;
                border-radius: 25px;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
                text-shadow: 2px 2px 6px #000000;
                background-color: #524d61;
                padding: 30px;
                width: 630px;
                margin: 10px auto;
                transition: 1s;
            }

            .box:hover {
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
                background-color: #544f61;
                transform: scale(1.03) rotateZ(1deg);
            }

            body {
                font-family: 'Quicksand', sans-serif;
                color: white;
                font-size: 15px;
                height: 150vh;
            }

            .logo img {
                margin: auto;
                display: block;
                width: 50%;
                transform: scale(1);
                transition: 1s;
            }

            .logo img:hover {
                transform: scale(1.03) rotateY(15deg) rotateZ(-3deg);
                filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.6));
            }

            .container {
                overflow: hidden;
                position: fixed;
                top: 0;
                left: 0;
                z-index: -1;
            }

            .sliding-background {
                background: url("tile.png") repeat;
                height: 200vh;
                width: 200vw;
                animation: slide 5s linear infinite;
            }

            @keyframes slide {
                0% {
                    transform: translate3d(0, 0, 0);
                }

                100% {
                    transform: translate3d(-200px, 0, 0);
                }
            }

            @keyframes glide {
                0% {
                    transform: translate3d(0, 0, 0);
                }

                50% {
                    transform: translate3d(0, 10px, 0);
                }

                100% {
                    transform: translate3d(0, 0, 0);
                }
            }
            
            .socials ul {
                list-style-type: none;
                padding: 0;
                margin: 5px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            .socials ul li {
                box-sizing: border-box;
                text-decoration: none;
                margin-right: 5px;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
                border-radius: 10px;
                transition: 0.5s;
            }
            .socials ul li a img {
                filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.6));
            }
            
            .socials ul li:hover {
                transform: scale(1.07);
                box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
            }

            .navbar ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                display: flex;
                background-color: #524d61;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
                text-shadow: 2px 2px 6px #000000;
            }

            .navbar ul li a {
                display: block;
                color: white;
                padding: 14px 16px;
                text-decoration: none;
                transition: 1s;
            }

            .navbar ul li a:hover {
                background-color: #474254;
            }

            .anim {
                transform: translatey(0px);
                animation: float 6s ease-in-out infinite;
            }

            @keyframes float {
                0% {
                    transform: translatey(0.75vw);
                }

                50% {
                    transform: translatey(-0.75vw);
                }

                100% {
                    transform: translatey(0.75vw);
                }
            }
            
            .box iframe {
                display: block;
                margin: auto;
                border: 2px solid white;
            }
            
            p a {
                color: white;
            }