@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap');
 html {
     height: 100%;
     width: 100%;
}
 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;
}

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

 h1 {
     font-size: 96px;
     color: #F5F5F5;
     font-weight: bold;
     font-family: 'Poppins', sans-serif;
}
h2 {
  font-size: 72px;
  color: #F5F5F5;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
}
summary {
  font-size: 72px;
  color: #F5F5F5;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
}
 p {
     font-size: 40px;
     font-weight: bold;
     color: #F5F5F5FE;
     letter-spacing: 0.2px;
     font-family: "Roboto" 
}
pre {
  font-size: 40px;
  font-weight: bold;
  color: #F5F5F5FE;
  letter-spacing: 0.2px;
  font-family: "Roboto" 
}
nav {
  font-size: 40px;
  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 {
     text-decoration: underline;
}
 a:active {
     text-decoration: underline;
}
 .footer{
     position: fixed;
     text-align: center;
     bottom: 0px;
     margin: 10px;
     width: 100%;
}
 .header{
  width: 100%;
  height: 100px;
  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";
}

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

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

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

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