You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

80 lines
980 B
CSS

3 years ago
/*NAVIGATION*/
/*bar*/
.topnav {
overflow: hidden;
padding-left: 2vw;
}
/*corner sun*/
.sun {
position: fixed;
top: 0px;
left: 0px;
float:left;
z-index: -1;
padding-bottom: 25px;
}
.sun img{
width: 90%;
}
/* Grass */
.grass {
position: fixed;
bottom: 0px;
left: 0px;
z-index: 1;
}
.grass img{
width: 100%;
}
/*style*/
.topnav a {
float: left;
color: grey;
font-family: 'Nunito', sans-serif;
text-align: center;
padding: 2vh 2vw;
text-decoration: none;
font-size: 1em;
}
/*hover link*/
.topnav a:hover {
color: skyblue;
}
/*active link*/
.topnav a.active {
color: skyblue;
}
/*PAGE*/
h1 {
font-family: 'Nunito', sans-serif;
font-size: 4em;
letter-spacing: 5px;
word-spacing: 35px;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
img{
vertical-align: middle;
height: auto;
width: 8vh;
}
@media (max-width: 950px) {
.mouse {
display: none;
}
}