*{

margin: 0;
padding: 0;
box-sizing: border-box;


}

body{

    margin: auto;
    width: 100%;
    height: 100%;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    margin-top: 5rem;


}


h1 span:nth-child(1){ color: #4285F4;}
h1 span:nth-child(2){color: #EA4335;}
h1 span:nth-child(3){color: #FBBC05;}
h1 span:nth-child(4){ color: #4285F4;}
h1 span:nth-child(5){color: #34A853;}
h1 span:nth-child(6){ color: #EA4335;
}

h1{

font-size: 2rem;
margin: 1rem;

}

p{

    margin: 1rem;

}


form{

/* border: rgb(20, 16, 12) 0.1rem solid; */
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
            0 6px 20px 0 rgba(0, 0, 0, 0.2);
margin: auto;
width: 80%;
max-width: 600px;
/* height: 60vh; */
padding: 1rem;
min-height: 60vh;
}

.creed{
box-sizing: border-box;
    width:90%;
    height: 40px;


}

h2{

    font-family: "Open Sans", sans-serif;
    font-weight: 400;
font-size: 2rem;
}

button{

background-color: #287aff;
width: 90px;
height: 40px;
box-sizing: border-box;
border-radius: 0.3rem;
color: #FFFF;
border: none;

}

a{

text-decoration: none;


}


.checkbox{

box-sizing: border-box;
display: flex;
justify-content: space-between;
align-content: space-between;
flex-direction: row-reverse;
margin: 1rem;
}

.footer-icon-two{

    display: flex;
    justify-content: center;
    align-content: center;
    gap: 10px;
margin-top: 2rem;

}

.paragraph{

margin-top: 2rem;

}