@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,600;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bruno+Ace+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;600&display=swap');




*{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}

html{
     scroll-behavior: smooth;
}

body{
     background-color: rgb(15, 15, 15);
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     margin-left: 70px;
}

.about-btn button{
     color: #EDB846;
     background: none;
     border: 2px solid #EDB846;
     padding: 12px;
     font-family: 'Poppins', sans-serif;
     font-size: 14px;
     letter-spacing: 1px;
     border-radius: 12px;
     cursor: pointer;
}


.about-btn button:hover{
     color: #f0f0f0;
     text-shadow: 0 0 20px #EDB846, 0 0 20px #EDB846, 0 0 20px #EDB846;
     border: 2px solid rgb(15, 15, 15);
     transform: scale(1.15);
     transition: 0.1s ease-in-out all;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: rgb(66, 66, 66);
}

::-webkit-scrollbar-thumb {
  background: #EDB846;;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

.section-container{
     min-height: 100vh;
}

.section-header{
     color: #f0f0f0;
     text-align: center;
     font-size: 24px;
}

.section-subheader{
     color: rgb(185, 185, 185);
     text-align: center;
     padding-top: 2rem;
}

#particles-js canvas{
     position: fixed;
     top: 0;
     left: 0;
     z-index: -1;
 }

 

 .success-container{
     max-width: 1000px;
     margin: 10rem auto;
     text-align: center;
 }
 
 .success-container h1{
     color: #f0f0f0;
     font-family: 'Poppins', sans-serif;
     font-weight: 300;
 }

 .success-container h3{
     color: rgb(179, 179, 179);
     font-weight: 300;
 }

 .success-container a{
     display: inline-block;
     text-decoration: none;
     text-shadow: 0 0 20px #EDB846, 0 0 20px #EDB846, 0 0 20px #EDB846;
     font-family: 'Poppins', sans-serif;
     font-weight: 300;
     color: rgb(179, 179, 179);
     font-size: 20px;
     
 }

 .success-container a:hover{
     color: #f0f0f0;
     text-shadow: 0 0 40px #EDB846, 0 0 40px #EDB846, 0 0 40px #EDB846;
 }