styleindex.css

* {
margin:0;
padding:0;
font-family: 'EB Garamond', serif;


}

body {
Background:linear-gradient(to bottom, #0B0C10,black)#0B0C10;
color:whitesmoke;overflow:visible


}

.dropdown   {
    height:10vh;
    display:flex;
    justify-content:space-around;
    align-items: center;
    background:#1F2833}


    .MacMiller {

        Position: relative
    }

    .MacMiller ul {
position:absolute;
background:white;
margin:10px;
width: 200px;
height:200px;
display:flex;
justify-content: space-around;
align-items: center;
flex-direction:column;
list-style: none;
border-radius:none;
opacity:0;
transform: translateY(-10px);
transition: all 0.4s ease;}


.MacMiller a 
{
color:black;
text-decoration:none

}

.dropdown button, .home
{ 
Background:none;
border:none;
color: #C5C6C7;
text-decoration: none;
font-size:30px;
cursor:pointer;

}

.MacMiller li {

    background:#C5C6C7;
    width:100%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
}

.MacMiller li:hover {
    background-color:#45a29e
}

.MacMiller button:focus + ul {
opacity:1;
pointer-events: all;
transform:translateY(0px)

}

button a:hover {
    color:#45a29E
}

.content    {
    margin: 0 100px 0 100px
}

main {
padding: 50px


}

h2{
    padding:20px
}