/* GLOBAL */
            
            body,
            html {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
                background-color: hsl(204, 43%, 93%);
                font-family: 'Karla', sans-serif;
                font-weight: 400;
                font-size: 16px;
                color: #eee;
            }
            /* CONTAINER */
            
            .container-main {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                height: 100vh;
            }
            
            .container-1 {
                background-color: white;
                /* text-align: center; */
                width: 600px;
                padding: 40px;
                border-top-right-radius: 8px;
                border-top-left-radius: 8px;
                box-shadow: 2px 10px 20px hsl(180, 12%, 70%);
            }
            
            .container-2 {
                display: flex;
                height: 280px;
            }
            
            .container-2--1 {
                background-color: hsl(179, 62%, 43%);
                padding: 40px;
                width: 260px;
                border-bottom-left-radius: 8px;
                box-shadow: 2px 10px 20px hsl(180, 12%, 70%);
            }
            
            .container-2--2 {
                background-color: hsl(179, 62%, 48%);
                padding: 40px;
                width: 260px;
                border-bottom-right-radius: 8px;
                box-shadow: 2px 10px 20px hsl(180, 12%, 70%);
            }
            /* TEXT */
            
            .con-1-heading {
                color: hsl(179, 62%, 43%);
            }
            
            .con-1-secondary-heading {
                color: hsl(71, 73%, 54%);
            }
            
            .con-1-para {
                color: hsl(218, 22%, 67%);
                line-height: 1.5;
            }
            
            .con-2--2-para {
                line-height: 1.5;
            }
            
            .big {
                font-size: x-large;
            }
            
            span {
                opacity: .7;
            }
            /* BUTTON */
            
            .btn {
                color: white;
                background-color: hsl(71, 73%, 54%);
                padding: 13px 100px;
                box-shadow: 2px 10px 20px hsl(180, 12%, 50%);
                border-radius: 5px;
                border: 2px solid hsl(71, 73%, 48%);
                margin-top: 20px;
                cursor: pointer;
                transition: all .4s;
            }
            
            .btn:hover {
                transform: scale(1.1);
            }
            /* FOOTER */
            
            .attribution {
                text-align: center;
                color: hsl(179, 62%, 43%);
                margin: 0 auto;
                width: 350px;
                border-top: 3px solid hsl(218, 22%, 67%);
            }
            
            a {
                text-decoration: none;
                color: hsl(71, 73%, 54%);
            }
            /* MEDIA QUERIS */
            
            @media screen and (max-width: 700px) {
                .container-main {
                    height: 100vh;
                }
                .container-1 {
                    width: 240px;
                    padding: 20px;
                }
                .container-2 {
                    display: flex;
                    flex-direction: column;
                    height: unset;
                }
                .container-2--1 {
                    border-bottom-left-radius: unset;
                    padding: 20px;
                    width: unset;
                }
                .btn {
                    padding: 10px 80px;
                    margin-top: 10px;
                    margin-left: 15px;
                }
                .container-2--2 {
                    padding: 20px;
                    width: unset;
                    border-bottom-left-radius: 8px;
                }
            }