:root {
    --dark-blue: #363f5f;
    --green: #49aa26;
    --light-green: #3dd705;
    --red: #e92929;


}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 93.75%;
    /* 15px */

}

body {
    background: #f0f2f5;
    font-family: 'Poppins', sans-serif;
}


h2 {
    text-align: center;
    padding: 1rem;


}

header {

    padding: 2rem 0 5rem;
    text-align: center;
    
}

.logo {

    width: 120px;
    height: 120px;
    margin-bottom: 0;



}

.screen {
 
        width: min(90vw, 1200px);
        margin: auto;
        height: auto;
        justify-content: center;
        align-items: center;
    
    }
    


.video{

position: relative;
align-items: center;
width: 70%;
height: 100%;
border-radius: 3rem;
}

@media (min-width: 800px) {
    html {
        font-size: 87.5%;

    }

    #screen {

        display: grid;
        gap: 2rem;
    }


}


/* FOOTER ===================== */
footer {
    text-align: center;
    padding: 4rem 0 2rem;
    color: var(--dark-blue);
}

#form-control {
   height: 20rem;
   
   



}