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
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;
|
||
|
|
}
|
||
|
|
}
|