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.
117 lines
1.3 KiB
CSS
117 lines
1.3 KiB
CSS
3 years ago
|
/*NAVIGATION*/
|
||
|
|
||
|
/*bar*/
|
||
|
.topnav {
|
||
|
overflow: hidden;
|
||
|
padding-left: 2vw;
|
||
|
}
|
||
|
|
||
|
/*style*/
|
||
|
.topnav a {
|
||
|
float: left;
|
||
|
color: grey;
|
||
|
font-family: 'Nunito', sans-serif;
|
||
|
text-align: center;
|
||
|
padding: 2vh 2vw;
|
||
|
text-decoration: none;
|
||
|
font-size: 1em;
|
||
|
}
|
||
|
|
||
|
/*corner sun*/
|
||
|
.sun {
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
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%;
|
||
|
}
|
||
|
|
||
|
/*hover link*/
|
||
|
.topnav a:hover {
|
||
|
color: skyblue;
|
||
|
}
|
||
|
|
||
|
/*active link*/
|
||
|
.topnav a.active {
|
||
|
color: skyblue;
|
||
|
}
|
||
|
|
||
|
/*PAGE*/
|
||
|
|
||
|
a {
|
||
|
color: grey;
|
||
|
font-family: 'Nunito', sans-serif;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
/*a:hover{
|
||
|
--main-color: yellow;
|
||
|
color: var(--main-bg-color);
|
||
|
}*/
|
||
|
|
||
|
/*a:hover{
|
||
|
color:blue;
|
||
|
}
|
||
|
|
||
|
a.blue:hover{
|
||
|
color:blue;
|
||
|
}
|
||
|
|
||
|
a.yellow:hover{
|
||
|
color:yellow;
|
||
|
}
|
||
|
|
||
|
a.pink:hover{
|
||
|
color:pink;
|
||
|
}
|
||
|
|
||
|
a.green:hover{
|
||
|
color:green;
|
||
|
}
|
||
|
|
||
|
a.orange:hover{
|
||
|
color:orange;
|
||
|
}
|
||
|
|
||
|
a.red:hover{
|
||
|
color:red;
|
||
|
}
|
||
|
*/
|
||
|
|
||
|
a.active{
|
||
|
color: black;
|
||
|
}
|
||
|
|
||
|
h2 {
|
||
|
font-family: 'Nunito', sans-serif;
|
||
|
font-size: 7vw;
|
||
|
letter-spacing: 5px;
|
||
|
word-spacing: 20px;
|
||
|
position: absolute;
|
||
|
left: 40px;
|
||
|
margin-top: 10px;
|
||
|
}
|
||
|
|
||
|
/*IMAGES*/
|
||
|
img{
|
||
|
vertical-align: middle;
|
||
|
height: auto;
|
||
|
width: 8vw;
|
||
|
}
|