.body { width: auto; }
        * { margin: 0; padding: 0; }

        main {
            max-width: 50vmax;
            margin: auto;
            margin-top: 10vh;
            font-family: sans-serif;
        }

        h1 {
            font-weight: 100;
            font-style: italic;
            letter-spacing: 2px;
            transform: skew(20deg);
        }

        .container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 50vh;
        }

        img {
            width: 100%;
            transition: all 0.5s;
        }
        img:hover {
            width: 200%;
            filter: invert(100%);
            transition: all 0.5s;
        }

        #box {
            width: 100%;
            height: 300px;
            border: 1px solid black;
            margin: 10px 0px;
            margin-bottom: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            animation: boxAnimation 10s infinite;
        }

        #smaller-box {
            width: 50%;
            height: 50%;
            border: 1px solid black;
            margin: 10px 0px;
            animation: smallerBoxAnimation 1s infinite;
            border-radius: 70px;
        }

        p {
            margin: 1rem 0px;
            overflow: hidden;
        }

        @keyframes smallerBoxAnimation {
            0% {
                transform: rotate(0deg);
            }
            33% {
                transform: rotate(100deg);
            }
            66% {
                transform: rotate(-100deg);
            }
            100% {
                transform: rotate(0deg);
            }
        }

        @keyframes boxAnimation {
            0% {
                transform: skew(20deg);
            }
            33% {
                transform: skew(40deg);
            }
            66% {
                transform: skew(60deg);
            }
            100% {
                transform: skew(20deg);
            }
        }

        #line-2 {
            margin: 10rem 0px;
        }

        .intro {
            height: 90vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }