57 lines
845 B
CSS
57 lines
845 B
CSS
body{
|
|
background: linear-gradient(cyan,teal);
|
|
background-position: center;
|
|
background-attachment: fixed;
|
|
background-size: cover;
|
|
}
|
|
main{
|
|
padding:10pt;
|
|
margin:50pt;
|
|
}
|
|
|
|
@media (min-width: 1000px) {
|
|
.menu-container{
|
|
grid-template-columns: 33% 33% 33%;
|
|
}
|
|
.dropdown-menu{
|
|
margin:1em;
|
|
padding: 3em;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 999px) {
|
|
.menu-container{
|
|
grid-template-columns: 50% 50%;
|
|
}
|
|
.dropdown-menu{
|
|
margin:1em;
|
|
padding: 2em;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.menu-container{
|
|
grid-template-columns: 100%;
|
|
}
|
|
.dropdown-menu{
|
|
padding: 1em;
|
|
}
|
|
}
|
|
|
|
.menu-container{
|
|
transition:all 200ms;
|
|
margin:auto;
|
|
display:grid;
|
|
}
|
|
|
|
.dropdown-menu{
|
|
border: black 2pt solid;
|
|
border-radius: 1em;
|
|
transition: all 200ms;
|
|
background-color: #ddd;
|
|
filter:drop-shadow(7px 5px 4px black);
|
|
}
|
|
.dropdown-menu:hover{
|
|
background-color: white;
|
|
}
|