You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
body {
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
body{
|
|
|
|
background-image: url('./img/mainbackground.png');
|
|
|
|
animation: scroll 2s infinite cubic-bezier(.68,-0.55,.27,1.55);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes scroll {
|
|
|
|
from {background-position: 0px 0px;}
|
|
|
|
to {background-position: 128px 128px;}
|
|
|
|
}
|
|
|
|
|
|
|
|
#header{
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
#menu{
|
|
|
|
border-style: double;
|
|
|
|
border-width: 20px;
|
|
|
|
display: flex;
|
|
|
|
flex-flow: row;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: center;
|
|
|
|
background-color: white;
|
|
|
|
margin-left: 5%;
|
|
|
|
margin-right: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#menu div {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
|
|
|
margin: 0 10px; /* Adjust margin as needed */
|
|
|
|
}
|
|
|
|
|
|
|
|
#menu h2 {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
#menu h3 {
|
|
|
|
text-align: center;
|
|
|
|
}
|