#head {
    font-size: 20px;
    color: aquamarine;
    background: black;
    font-family: 'Montserrat', sans-serif;
    padding: 0;
    margin:0;
  text-align: center;
  text-shadow: 2px 2px 4px #28464d;
}
#picmain{
  width: 200px;
  height: 200px;
  background-image: url(../img/pmgop.jpg);
  background-size: 100%;
  backdrop-filter: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 5.7px 11.4px 11.4px hsl(0deg 0% 0% / 0.32);
;

}

#gap{
  width: 200px;
  height: 70px;
  background-image: url(https://yt3.ggpht.com/tvf2kRn4TGbTqfXVODQzM-SBnkcn7zXRf1GnTRJ2uRuhpTdps85pSOeutxWxDx7Us2jFFMvZlPI=s900-c-k-c0x00ffffff-no-rj);
  opacity: 0;
}

#gape{
  width: 200px;
  height: 100px;
  background-image: url(https://yt3.ggpht.com/tvf2kRn4TGbTqfXVODQzM-SBnkcn7zXRf1GnTRJ2uRuhpTdps85pSOeutxWxDx7Us2jFFMvZlPI=s900-c-k-c0x00ffffff-no-rj);
  opacity: 0;
}

.custom-shape-divider-top-1630937447 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1630937447 svg {
    position: relative;
    display: block;
    width: calc(129% + 1.3px);
    height: 65px;
}

.custom-shape-divider-top-1630937447 .shape-fill {
    fill: #00FFBF;
}

/** For mobile devices **/
@media (max-width: 767px) {
    .custom-shape-divider-top-1630937447 svg {
        width: calc(104% + 1.3px);
        height: 73px;
    }
}

body#bodi{
  margin:0;
  padding: 0;
  background-image : url(img/bg.jpg);
  background-color: rgb(26, 41, 64);
  background-blend-mode :screen;
}

a {
  text-decoration-line: none;
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.8s;
  cursor: pointer;
  border-radius: 6px;
}

.button3 {
  background-color: white; 
  color: black; 
  border: 2px solid black;
  font-family: 'Roboto Condensed', sans-serif;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button3:hover {
  background-color: rgb(26, 41, 64);
  color: white;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid black;
  font-family: 'Roboto Condensed', sans-serif;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button2:hover {
  background-color: rgb(26, 41, 64);
  color: white;
}

.hi {
  color: black;
}

body{
             padding: 0;
             margin: 0;
             scroll-behaviour: smooth;
}

body#boda {
           background-image : url(img/949225.jpg);
           background-color: lightgrey;
           background-blend-mode :screen;
}

#vid{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: 564;
  height: 315;

}



.YTC {
  color: mediumaquamarine;
  font-size: 35px;
  padding-top: 8%;
  margin: 8%;
  text-align: center;
  font-family: 'Montserrat', Impact;

}

#ytk {
  background: black;
}




.ch {
  padding: 0%;
  margin: 0%;
  font-size: 25px;
}

.yth {
  margin: 0%;
  padding: 0%;
}



#copy {
    color: mediumaquamarine;
  font-size: 14px;
  text-align: center;
  font-family: 'Montserrat', Impact;
  padding: 10px;
}

.copy {
  background: black;
  position: sticky;
}






.container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;      
}
.container > * {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.wrapper {
  /*This part is important for centering*/
  display: flex;
  justify-content: center;
}

.typing-demo {
  width: 80ch;
  animation: typing 6s steps(140), blink .4s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-family: 'Montserrat', sans-serif;
  font-size: 2em;
}

@keyframes typing {
  from {
    width: 0
  }
}

@keyframes blink {
  50% {
    border-color: transparent
  }
}

#ach {
  background-color: black;
  color: floralwhite;
  text-align: center;
  font-family: 'Montserrat', Impact;
  padding: 10px;
}
#achh {
  color: aquamarine;
  font-size: 40px;
  text-shadow: 2px 2px 4px #28464d;
}


#achb {
  font-size: 20px;
  text-shadow: 1px 1px 2px #5a9c9e;
}

#sc {
  font-family: 'Montserrat', Impact;
  background-color: black;
  color: aquamarine;
  box-align: center;
  text-align: center;
  font-style: none;
    text-decoration-line: none;
}

#scm {
  font-size: 40px;
  text-shadow: 2px 2px 4px #28464d;
  padding: 2px;
}

#scy {
  padding-bottom : 0;
  color: floralwhite;
  font-size: 30px;
  text-shadow: 2px 2px 4px #28464d;
}


#sci {
  color: floralwhite;
  padding: 2px;
  font-size: 30px;
  text-shadow: 2px 2px 4px #28464d;
}

#scd  {
  color: floralwhite;
  font-size: 30px;
  text-shadow: 2px 2px 4px #28464d;
}
#scimg{
  align-content: center;
  align-items: center;
}