@font-face {  
    font-family: "RealHeadPro";
    src: url("font/RealHeadPro.ttf") format("truetype");
    font-weight: normal;
  } 
@font-face {  
    font-family: "RealHeadPro-Demibold";
    src: url("font/RealHeadPro-Demibold.ttf") format("truetype");
    font-weight: normal;
  } 
@font-face {  
    font-family: "Poppins-Bold";
    src: url("font/Poppins-Bold.otf") format("truetype");
    font-weight: normal;
  }   
  @font-face {  
    font-family: "Poppins";
    src: url("font/Poppins-Regular.ttf") format("truetype");
    font-weight:normal;
  }   
  @font-face {  
    font-family: "Inter";
    src: url("font/static/Inter-Regular.ttf") format("truetype");
    font-weight:normal;
  }   
 

  @-webkit-keyframes fade {
    from {opacity: .2} 
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .2} 
    to {opacity: 1}
  }
  .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: .5s;
    animation-name: fade;
    animation-duration: .5s;
  }
 
  a,a:visited,a:link,a:hover { text-decoration:none;  }

  body{margin: 0; padding: 0;}

button{cursor: pointer;}
html {scroll-behavior: smooth;}
.top {font-size: 12px; color: rgba(32, 32, 32, 0.685);line-height: 5px; margin-right: 4px;font-family: "poppins-bold";}
.top a:visited, .top a:link, .top a {color: white}
 
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
.hidden {
top: 6px;
 right: 2px;
  position: absolute;

  overflow: hidden;
}