@import "_reset.css"; 

body{
  margin: 0%;
  padding: 0%;
  background: #0F0F0F;
  font-size: 2vw;
  color: #f4f4f4;
}


.center{
    position: fixed;
    left: 50%;
    top: 50%;
    size: 20vw;
}

/* eye stuff*/ 

.link{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: fixed;
    overflow: hidden;
    transform: translate(-50%, -53%);
    z-index: 2;
}

.image{
    position: fixed;
    display: inline-block;
    width: 23.3em; 
    transform: translate(-50%, -50%);
    z-index: 1;
}


.eyes{
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: -1;
}

.eye{
    width: 18.5em;
    height: 11em;
    background: #0F0F0F;
    border-radius: 50%;
    position: fixed;
    overflow: hidden;
    transform: translate(-50%, -53%);
}

.ball{
    width: 2.6em;
    height: 2.6em;
    background: #0F0F0F;
    position: relative;
    top: 39%;
    left: 43%
}

.pupil{
    width: 20em;
    margin-top: -5em;
    margin-left: -8.5em;  
}

@media (min-width: 800px){
    body {
        font-size: 1.5vw;
    }
}

@media (min-width: 1200px){
    body {
        font-size: 1.2vw;
    }
}