@font-face {
    font-family: "Dosis";
    src: url('Dosis-VariableFont_wght.ttf');
  }
img[src="menuimg.png"]
{
    width:50px;
    height:50px;
    margin-right:70%;
    margin-left:1%;
    margin-top:1%;
    z-index:12;
    position:absolute;
}
#content
{
    z-index:10;
    position:absolute;
    font-size:x-large;
    text-align:center;
}
#menu
{
    z-index: 0;
    background-color:#17191f;
    width:600px;
    height:1000px;
    position:absolute;
    margin-top:0%;
    margin-left:0%;
    border: 1px white outset;
    opacity:0;
    color:#f3e8e1;
}
#menu a
{
    color:white;
    font-style: none;
}
a:hover
{
    font-style:underline;
}
body
{
    position:relative;
    background-color: #202430;
    font-family:Dosis;
    color:#67a0f5;
    background-image:url('bgimg.jpeg')
}
.meImg
{
    margin-left:30%;
}
.aboutme
{
    margin-left:5%;
}
.skills
{
    margin-left:20%;
}
.timeunits
{
    margin-left:35%;
}
.drama
{
    margin-left:20%;
}