body, ul, li, h1, h2, h3 { /* removes default browser css */
                margin: 0;
                padding: 0;
            }

            body {
                display: flex;
                flex-direction: column;
                background-color: #faf8e5;
                font-family: monospace;
                font-weight: 500;
            }

            /* COMPONENTS */
            .content {
                display: flex;
                flex-direction: row;
                overflow-y: scroll;
                align-items: center;
                justify-content: center;
                gap: 50px;
                padding: 20px;
            }

            .text {
                color: #202a44;
                font-size: 20px;
            }

            /* HEADERS */
            .site-header { 
            color: #202a44;  
            border-radius: 10px;
            text-align: center;
            padding: 10px;
            margin: auto;
            }                  
            
            /* LAYOUT */
            .middle {
                display: flex;
                flex-direction: row;
                gap: 50px;
            }