43 lines
557 B
CSS
43 lines
557 B
CSS
|
body{
|
||
|
|
background: #2A7B9B;
|
||
|
|
background: linear-gradient(135deg, #bbbb9c 0%, #659f8d 50%, #2c7d77 100%);
|
||
|
|
background-size: 100vw 100vh;
|
||
|
|
border: solid white 2px;
|
||
|
|
|
||
|
|
color:#defff6;
|
||
|
|
|
||
|
|
padding: 20px;
|
||
|
|
margin: auto;
|
||
|
|
margin-top: 20%;
|
||
|
|
width: 40%;
|
||
|
|
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul{
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote{
|
||
|
|
font-style: oblique;
|
||
|
|
}
|
||
|
|
|
||
|
|
a{
|
||
|
|
background-color: none;
|
||
|
|
color: #defff6;
|
||
|
|
transition: background-color 1s;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover{
|
||
|
|
background-color: #2f6b5f;
|
||
|
|
color: #a6ceca;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width:1000px){
|
||
|
|
body{
|
||
|
|
width: 80%;
|
||
|
|
font-size: 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|