*{ text-decoration: none;  color: #e9ece5; }

::-webkit-scrollbar {
    width: 1.2em;
  }
  
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(3, 0, 96, 0.3);
    background-color: transparent;
    border-radius: 15px; border: 2px solid rgb(49, 86, 217);
  }
  
  ::-webkit-scrollbar-thumb {
  background-color: transparent; outline: 1px solid #32309f;
  border-radius: 25px; border: 3px solid rgb(23, 30, 154);
  }

header { 
    height: 100%; width: 95%; 
    background: transparent; background-size: cover; text-align: right; margin-right: 15px;
     }

#toplinks {  margin-top: 10px; }  

#toplinks a { font-family: 'Libre Baskerville', serif; font-size: 28px; margin-top: 15px; text-decoration: none; text-align: right; 
}

#name { font-size: 80px; font-weight: 700; }

h1, h2 { font-family: 'Libre Baskerville', serif; margin-left: 25px; font-weight: 800; }

h1 { font-size: 45px; margin-top: 150px;
}

#container { background-color: #b3c2bf; width: 95%; height: 100%; border-radius: 25px; border: 5px solid #3b3a36; }

#headline { width: 95%; min-height: 300px; padding: 10px; border-radius: 25px; }

#aboutme, #mywork, #skills, #contactme { text-align: center; font-size: 35px; margin: 10px 0 10px 0; border-radius: 25px; border: 5px solid #3b3a36; width: 95%; font-size: 35px; opacity: 0.9; }

#aboutme { 
background-image: url('./img/me.jpg'); background-size: cover; background-repeat: no-repeat; 
min-height: 600px; padding: 5px; }

#about { color: black; border-radius: 25px; border: 2px solid #3b3a36; background: rgba(246, 246, 246, 0.5); }

#mywork { 
  background-image: url('./img/blueprint.jpg'); background-size: cover; background-repeat: no-repeat; }

#skills { 
background-image: url('./img/skills.jpg'); background-size: cover; background-repeat: no-repeat; }

#workexp h3, #workexp p { 
background: rgba(246, 246, 246, 0.5); padding: 8px; font-size: 16px; border: 2px solid #3b3a36; display: inline-block; border-radius: 25px; border: 2px solid #3b3a36; color: #3b3a36; font-size: 25px; }

#contactme { 
background-image: url('./img/contact.jpg'); background-size: cover; background-repeat: no-repeat;  height: 500px; }

#battleship, #starwars { background-size: cover; background-repeat: no-repeat; height: auto;  }

#starwars img, #battleship img, #hbi img, #genreland img { width: 500px; height: 350px; border-radius: 25px; border: 5px solid #3b3a36; }

.project { font-size: 30px; font-weight: 900px; margin: 20px 0 20px 0; padding: 10px;  }

.names a, .names { color:#3b3a36; }

.names { background: rgba(246, 246, 246, 0.5); text-align: center; margin: 0px auto 0 auto;
  width: 500px; height: auto; border-radius: 25px; border: 5px solid #3b3a36;  }
  p { font-size: 20px; padding: 40px; color: #3b3a36; }

a h2 { font-size: 25px; color: #3b3a36; }  
#contacts img { width: 150px; height: 150px; }