Files
original-website/mainstyle.css
2022-11-03 16:22:40 +01:00

66 lines
822 B
CSS

body {
background-color: gray;
}
.logo img {
width: 10%
}
.Menu {
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
background-color: #38444d;
}
.mainitems {
display: inline-block;
}
a {
text-decoration: none;
display: inline-block;
padding: 20px;
color: white;
}
a:hover {
background-color: darkblue;
}
.dropdown-menu {
margin: 0;
padding: 0;
background-color: #38444d;
display: none;
list-style-type: none;
position: absolute;
min-width: 200px;
}
@keyframes fadein {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes growDown {
0% {
transform: scaleY(0)
}
80% {
transform: scaleY(1.1)
}
100% {
transform: scaleY(1)
}
}
.dropdown:hover .dropdown-menu {
display: block;
animation: growDown 300ms ease-in-out forwards;
}