body{
  background-color:black;
}

nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:2vw;
    font-size:2vw;
    margin-top:2vw;
    text-decoration:none;
    font-family:"kapakana";
}

@media(min-width:1000px){nav{
  height:9vw;
  width:65vw;
  margin-bottom:-5vw;
  margin-top:-4vw;
  margin-left:15vw;
}
}
  

.navhome,.navshortfilms, .navcomics, .navsketches, .navmisc, .navabout{
  height:15vw;
  width:15vw;
  border-style:none;
   background-position:center;
  background-size:cover;
}

.navhome{
  background-image:url(https://azart6311.neocities.org/jpgs/home2active.jpg);
}
.navhome:hover{
  background-image:url(https://azart6311.neocities.org/jpgs/home2hover.jpg);
}

.navshortfilms{
  background-image:url(https://azart6311.neocities.org/jpgs/shortfilmactive.jpg);
}
.navshortfilms:hover{
  background-image:url(https://azart6311.neocities.org/jpgs/shortfilmhover.jpg);
}

.navcomics{
  background-image:url(https://azart6311.neocities.org/jpgs/comicsactive.jpg);
}
.navcomics:hover{
  background-image:url(https://azart6311.neocities.org/jpgs/comicshover.jpg);
}

.navsketches{
 background-image:url(https://azart6311.neocities.org/jpgs/sketchesactive.jpg)
}
.navsketches:hover{
 background-image:url(https://azart6311.neocities.org/jpgs/sketcheshover.jpg)
}
.navmisc{
  background-image:url(https://azart6311.neocities.org/jpgs/otheractive.jpg)
}
  
.navmisc:hover{
  background-image:url(https://azart6311.neocities.org/jpgs/otherhover.jpg)
}
.navabout{
  background-image:url(https://azart6311.neocities.org/jpgs/aboutactive.jpg)
}
.navabout:hover{
  background-image:url(https://azart6311.neocities.org/jpgs/abouthover.jpg)
}

@media(min-width:700px){.navhome, .navshortfilms, .navcomics, .navsketches, .navmisc, .navabout{
  height:12vw;
  width:12vw;
  ;
}
}
  @media(min-width:1000px){.navhome, .navshortfilms, .navcomics, .navsketches, .navmisc, .navabout{
  height:9vw;
  width:9vw;
 margin-top:2vw;
}
}


.intro{
  color:#f705c7;
  font-family:courier;
  font-size:2vw;
  margin-top:4.5vw;
  text-align:center;
}

.outoflink{
  background-image:url(https://azart6311.neocities.org/jpgs/outofthecold1.JPG);
  display:flex;
  justify-content:center;
  align-items:center;
  margin:auto;
  background-size:cover;
 object-fit:cover;
 height:60vw;
 width:40vw;
margin-bottom:6vw;
margin-top:4vw;
}

a:hover.outoflink{
  background-image:url(https://azart6311.neocities.org/gifs/Pg_1,_Out_Of_The_Cold.gif);
  border-style:dotted;
  border-width:.2vw;
  border-color:yellow;
}

.nightlink{
  background-image:url(https://azart6311.neocities.org/jpgs/night.jpg);
   display:flex;
  justify-content:center;
  align-items:center;
  margin:auto;
  background-size:cover;
 object-fit:cover;
 height:60vw;
 width:40vw;
margin-bottom:6vw;
margin-top:4vw;
}

a:hover.nightlink{
  background-image:url(https://azart6311.neocities.org/gifs/Night.gif);
  border-style:dotted;
  border-width:.2vw;
  border-color:yellow;
}
  
  
  
  
  
  
  
  
  background-image:url(https://azart6311.neocities.org/jpgs/YELLOWPg_1,_Out_Of_The_Cold.jpg);
}