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;
}
}

.video{
  display:flex;
  align-content:center;
  align-items:center;
  margin:auto;
  padding:5.5vw;
}

.p1{
  color:#f705c7;
  font-family:courier;
  text-align:left;
width:700px;
display:flex;
 
 margin:auto;
  border-color:white;
 padding:1.5vw;;
}

.row1{
  display:flex;
  flex-direction:row;
  width:65vw;
  height:40vw;
    background-position:center;
  background-size:cover;
    justify-content:space-between;
    padding:2vw;
  object-fit:cover;
margin:auto
}

.row2{
  display:flex;
  flex-direction:row;
  width:90vw;
  height:40vw;
    background-position:center;
  background-size:cover;
    justify-content:space-between;
    padding:2vw;
  object-fit:cover;
margin:auto
}