a {
  color: white;
  text-decoration: none;
}
.rectangle {
  height: 1080px;
  width: 200px;
  background-color: #212121;
}
a {
  color: white;
  text-decoration: none;
}
body {
  background-color: rgb(80, 80, 80);
  margin: 0;
}
h1 {
  margin: auto;
  color: white;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}
h2 {
  color: rgb(236, 223, 138);
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}
h3 {
  color: white;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 500;
  text-decoration: "none";
}
h4 {
  color: white;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 500;
}
h5 {
  color: rgb(236, 223, 138);
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 500;
}
img {
  width: 85px;
}
      
nav {
  background-color: rgb(35, 35, 35);
  width: 10%;
  height: 100%;
  position: fixed;
}

p {
  margin-top: 0;
  width: 100%;
}

.logo {
  margin-top: 50px;
  margin: 0;
}

.am {
  position: absolute;
  top: 32%;
  right: 5%;
  color:rgb(236, 223, 138);
  font-size: 80px;
}

.active {
  color:rgb(236, 223, 138);
  margin-top: 60%;
  rotate: 90deg;
  font-size: 40px;
}

.about1 {
  margin-top: 60%;
  rotate: 90deg;
  font-size: 40px;
}

.work1 {
  margin-top: 80%;
  rotate: 90deg;
  font-size: 40px;
}

.work2 {
  color:rgb(236, 223, 138);
  margin-top: 80%;
  rotate: 90deg;
  font-size: 40px;
}

.name {
  width: 125%;
  margin-top: 400px;
  float: right;
}

.circle {
  height: 1200px;
  width: 1200px;
  background-color: rgb(35, 35, 35);
  border-radius: 100%;
  float: right;
  margin-right: -500px;
  margin-top: -700px;
}

.name1 {
  font-size: 30px;
}

.prof {
  font-size: 30px;
}

.stripe {
  color: white;
}

.bc {
  position: absolute;
  top: 32%;
  right: 130px;
  font-size: 40px;
}

.c1 {
  position: absolute;
  top: 42%;
  right: 100px;
  font-size: 40px;
}

.c2 {
  position: absolute;
  top: 52%;
  right: 5%;
  font-size: 40px;
}

.active2 {
  color:rgb(236, 223, 138);
  position: absolute;
  top: 3%;
  left: 12%;
  font-size: 40px;
}

.bc1 {
  margin-top: 80%;
  rotate: 90deg;
  font-size: 40px;
}

.bc2 {
  margin-top: 80%;
  rotate: 90deg;
  font-size: 40px;
}

.active3 {
  color:rgb(236, 223, 138);
  position: absolute;
  top: 3%;
  left: 12%;
  font-size: 40px;
}

.bc3 {
  margin-top: 80%;
  rotate: 90deg;
  font-size: 40px;
}

.cm2 {
  margin-top: 80%;
  rotate: 90deg;
  font-size: 40px;
}

.active4 {
  
  position: absolute;
  top: 3%;color:rgb(236, 223, 138);
  left: 12%;
  font-size: 40px;
}

.bc4 {
  margin-top: 80%;
  rotate: 90deg;
  font-size: 40px;
}

.cm3 {
  margin-top: 80%;
  rotate: 90deg;
  font-size: 40px;
}

.s1 {
  position: absolute;
  top: 42%;
  left: 27%;
  font-size: 40px;
}

.s2 {
  position: absolute;
  top: 42%;
  left: 67%;
  font-size: 40px;
}

.seme1 {
  color:rgb(236, 223, 138);
  margin-top: 80%;
  rotate: 90deg;
  font-size: 30px;
}

.seme2 {
  margin-top: 120%;
  rotate: 90deg;
  font-size: 30px;
}

.se1 { 
  margin-top: 80%;
  rotate: 90deg;
  font-size: 30px;
}

.se2 {
  color:rgb(236, 223, 138);
  margin-top: 120%;
  rotate: 90deg;
  font-size: 30px;
}

.am1 {
  position: absolute;
  top: 3%;
  color:rgb(236, 223, 138);
  left: 12%;
  font-size: 40px;
}

.batmobile {
  position: absolute;
  width: 600px;
  top: 10%;
  left: 12%;
}

.ecto {
  position: absolute;
  width: 600px;
  top: 50%;
  left: 12%;
}

.skyline {
  position: absolute;
  width: 600px;
  top: 90%;
  left: 12%;
}

.retro {
  position: absolute;
  width: 600px;
  top: 130%;
  left: 12%;
}

.perlogo {
  position: absolute;
  width: 300px;
  top: 10%;
  left: 12%;
}

.f2bf {
  position: absolute;
  width: 300px;
  top: 45%;
  left: 12%;
}

.pealogo {
  position: absolute;
  width: 300px;
  top: 80%;
  left: 12%;
}

.fposter {
  position: absolute;
  width: 300px;
  top: 115%;
  left: 12%;
}

.hposter {
  position: absolute;
  width: 300px;
  top: 163%;
  left: 12%;
}

.grogu {
  position: absolute;
  width: 300px;
  top: 3%;
  left: 12%;
}

.openup {
  position: absolute;
  width: 300px;
  top: 38%;
  left: 12%;
}

.shire {
  position: absolute;
  width: 300px;
  top: 86%;
  left: 12%;
}

.samurai {
  position: absolute;
  width: 300px;
  top: 121%;
  left: 12%;
}

.battext {
  color: white;
  position: absolute;
  top: 10%;
  left: 45%;
  font-size: 20px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}

.perlog {
  color: white;
  position: absolute;
  top: 10%;
  left: 30%;
  font-size: 20px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}

.f2 {
  color: white;
  position: absolute;
  top: 45%;
  left: 30%;
  font-size: 20px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}

.pl {
  color: white;
  position: absolute;
  top: 80%;
  left: 30%;
  font-size: 20px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}

.pp {
  color: white;
  position: absolute;
  top: 115%;
  left: 30%;
  font-size: 20px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}

.hp {
  color: white;
  position: absolute;
  top: 163%;
  left: 30%;
  font-size: 20px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}

.sw {
  color: white;
  position: absolute;
  top: 3%;
  left: 30%;
  font-size: 20px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}

.ou {
  color: white;
  position: absolute;
  top: 38%;
  left: 30%;
  font-size: 20px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}

.bb {
  color: white;
  position: absolute;
  top: 86%;
  left: 30%;
  font-size: 20px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}

.sam {
  color: white;
  position: absolute;
  top: 121%;
  left: 30%;
  font-size: 20px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
}

.myself {
  position: absolute;
  width: 400px;
  left: 50%;
  top: 15%;
  border-radius: 50%;
  border: 10px solid;
  color:rgb(236, 223, 138);
}

.motor {
  position: absolute;
  width: 300px;
  left: 70%;
  top: 55%;
  border-radius: 50%;
  border: 10px solid;
  color:rgb(236, 223, 138);
}

.hoe {
  position: absolute;
  left: 12%;
  top: 10%;
}

.waar {
  position: absolute;
  left: 12%;
  top: 41%;
}

.wat {
  position: absolute;
  left: 12%;
  top: 70%;
}

.hoe1 {
  position: absolute;
  left: 12%;
  top: 16%;
  color: white;
}

.waar1 {
  position: absolute;
  left: 12%;
  top: 47%;
  color: white;
}

.wat1 {
  position: absolute;
  left: 12%;
  top: 76%;
  color: white;
}

.luk1 {
  position: absolute;
  left: 12%;
  top: 5%;
  color:rgb(236, 223, 138);
}

.luk2 {
  position: absolute;
  left: 12%;
  top: 33%;
  color:rgb(236, 223, 138);
}

.luk3 {
  position: absolute;
  left: 12%;
  top: 63%;
  color:rgb(236, 223, 138);
}

.luk4 {
  position: absolute;
  left: 12%;
  top: 83%;
  color:rgb(236, 223, 138);
}

.luk5 {
  position: absolute;
  left: 12%;
  top: 113%;
  color:rgb(236, 223, 138);
}

.luk6 {
  position: absolute;
  left: 12%;
  top: 153%;
  color:rgb(236, 223, 138);
}

.luk1t {
  position: absolute;
  left: 12%;
  top: 15%;
  color:white
}

.luk2t {
  position: absolute;
  left: 12%;
  top: 41%;
  color:white
}

.luk3t {
  position: absolute;
  left: 12%;
  top: 73%;
  color:white
}

.luk4t {
  position: absolute;
  left: 12%;
  top: 93%;
  color:white
}

.luk5t {
  position: absolute;
  left: 12%;
  top: 122%;
  color:white
}

.luk6t {
  position: absolute;
  left: 12%;
  top: 166%;
  color:white
}