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

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