*
{
transition: all 100ms linear;
}
body
{
margin: 0;
background-color: #FFFFFF;
font-family: Verdana;
}
#logo
{
margin: 15px;
color: grey;
text-align: center;
font-size: 75px;
}
nav
{
display: flex;
padding: 10px 0;
width: 100%;
height: 25px;
text-transform: uppercase;
}
nav div
{
width: calc(100% / 3);
text-align: center;
}
nav a
{
color: black;
text-decoration: none;
font-size: 20px;
}
nav div:nth-child(1)
{
background-color: #FF1100;
}
nav div:nth-child(2)
{
background-color: forestgreen;
}
nav div:nth-child(3)
{
background-color: dodgerblue;
}
nav div:hover
{
cursor: pointer;
}
nav div:nth-child(1):hover
{
background-color: #DD0000;
}
nav div:nth-child(2):hover
{
background-color: #117A11;
}
nav div:nth-child(3):hover
{
background-color: #0C80EE;
}
main
{
background-color: #FEFEFE;
}
footer
{
width: 100%;
line-height: 175%;
text-align: center;
font-size: 35px;
}
body > :nth-child(4)
{
background-color: #EDEDED;
}
body > :nth-child(5)
{
background-color: #CBCBCB;
}
body > :nth-child(6)
{
background-color: #878787;
}
#info1
{
display: flex;
width: 100%;
height: 65px;
text-align: center;
}
#info2
{
display: flex;
width: 100%;
height: 65px;
text-align: center;
}
#info1 p
{
margin: 0;
width: 70%;
height: 100%;
line-height: 145%;
font-size: 15px;
}
#info2 p
{
margin: 0;
width: 70%;
height: 100%;
line-height: 400%;
font-size: 15px;
}
body > :nth-child(4) .ok
{
background-color: #CBCBCB;
}
body > :nth-child(5) .ok
{
background-color: #878787;
}
.ok
{
margin: 15px 10% 15px auto;
padding: 5px;
width: 100px;
height: 25px;
color: white;
text-transform: uppercase;
font-size: 20px;
}
.ok:hover
{
background-color: red !important;
cursor: pointer;
}