@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap');
@import "scrollbar-style.css";
 html {
     height: 100%;
     width: 100%;
     scroll-behavior: smooth;
}
 body {
     height: fill;
     margin: 1%;
     background: linear-gradient(#1f1e33, #000011);
     background-image: url("images/gradient-blue-pink-abstract-art-wallpaper-a33b436d2de9cbc5dfa6225748ab3818.jpg") ;
     background-position: center;
     background-size: cover;
     background-color:#1f1e33;
     background-attachment: fixed;
     scroll-behavior: smooth;
     font-family: "Roboto";
     font-size: 1em;
}

  hr {
  width: 50%;
  color: #f5f5f5;
  }

 h1 {
     font-size: 6.5em;
     color: #F5F5F5;
     font-weight: bold;
     text-align: center;
     font-family: 'Poppins', sans-serif;
     text-shadow: 1px 1px #1f1e3399;
}
h2 {
  font-size: 5em;
  color: #F5F5F5;
  font-weight: bold;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  text-shadow: 1px 1px #1f1e3399;
}
h3 {
  font-size: 4em;
  color: #F5F5F5;
  font-weight: bold;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  text-shadow: 1px 1px #1f1e3399;
  background-color: #1f1e3399;
}
 p {
     font-size: 3em;
     font-weight: bold;
     color: #F5F5F5FE;
     letter-spacing: 0.2px;
     font-family: "Roboto" 
}
summary{
  font-size: 4em;
  color: #F5F5F5;
  font-weight: bold;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  text-shadow: 1px 1px #1f1e3399;
}
details{
  background-color: #1f1e3399;
}
li{
    text-align: center;
    font-size: 3em;
    font-weight: bold;
    color: #F5F5F5FE;
    letter-spacing: 0.2px;
    font-family: "Roboto";
}
 a:link {
     text-decoration: none;
     color: white;
}
 a:visited {
     text-decoration: none;
     color: white;
}
 a:hover {
     color: white;
     text-decoration: underline;
     background-color: #1f1e3399;
}
 a:active {
     color: white;
     text-decoration: underline;
}
 .footer{
     position: fixed;
     text-align: center;
     bottom: 0px;
     width: 95%;
     margin: 10px;
}
 .header{
  width: 100%;
  height: 6em;
  display:block;
  background-color: #00001133;
  backdrop-filter: blur(10px);
 }

 .inner_header{
  width: 95%;
  height: 100%;
  display: block;
  margin: 0 auto;
 }

 .typewrite > .wrap {
  animation: blinker 1s linear infinite;
  border-right: 0.08em
  solid #F5F5F5
}
@keyframes blinker {  
  50% { opacity: 0; }
}

.logo_container{
  height: 100%;
  margin-left: 20px;
  display: table;
  float: left;
  background-image: "pawodox_logo_square";
  position:fixed;
}

.logo_container h2{
  color:#F5F5F5;
  font-family: "Poppins";
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 1.2px;
  font-size: 3em;
  cursor: pointer;
}

.navigation {
  float: right;
  height: 100%;
}

.navigation a {
  height: 100%;
  display: table;
  float: left;
  padding: 0px 1.25em;
  font-family: "Poppins";
  font-weight: bold;
  letter-spacing: 0.08em;
}

.navigation a li{
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  color: #f5f5f5;  
  font-size: 1.5em;
  cursor: pointer;
}

.centerContainer {
  text-align: center;
}