body{
  background:#ffffff;
  font-family: "Noto Sans Display", sans-serif;
  font-optical-sizing: auto;
}
i{
  font-family: "Playwrite NO", cursive;
  font-optical-sizing: auto;
}
.golden-text{
    color:goldenrod;
}
.logo-box{
    padding: 0px 10px!important;
}
.material-icons{
    vertical-align: middle;
}
.large-material-icons{
    font-size: 42px;
    vertical-align: middle;
}
.whitepaper{
	padding:10px 20px;
	margin:10px 0px;
	border:1px solid #eee;
	background:#fefefe;
}
a{
    color: inherit;
}
a:hover{
    color: goldenrod;
}
.pop-page{
    background:#ffffffa0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.heading{    
    background-image: url("../images/backgrounds/wallpaper.jpg");
    background-position: center center;
    background-size: cover;
    color:#fff;
    font-weight: bolder;
    text-shadow: 0px 0px 2px #000;
    margin-bottom: 30px;
}
btn:hover{
    color:goldenrod;
}
.close-button{
    background: none;
}
header{
    background: #111;
    color:#fff;
    border-bottom: 2px solid goldenrod;
}
footer{
    background: #111;
    color:#fff;
    border-top:2px solid goldenrod;
    }
article{
    background: #222;
    border:2px solid goldenrod;
    color:#fff;
    border-radius: 4px;
    padding: 20px;
}

hr{
    height: 1px;
    margin:15px 0px;
    border-color: goldenrod;
    background-color: goldenrod;
    color: goldenrod;
}
.review-slide{
    max-width: 500px;
}
.review-slide>.review-text{
    border-radius: 20px;
    background: #eee;
    border:2px solid goldenrod;
    padding: 10px 20px;
    font-size: smaller;
}
.hero-text{
    font-size: 24px!important;
    padding: 100px 20px;
}
.hero-text button{
    padding: 10px 20px;
    margin: 10px;
}
button{
    background: #111111;
}
button:hover{
    color:goldenrod;
}
.big-button{
    width: 100%;
    background: #111111;
    border:0px solid goldenrod;
    color:#fff;
    line-height: 30px;
    font-size: 18px;
}
.wide-button{
    max-width:100% !important;
    width:100% !important;
}
.bordered-table,.bordered-table>tr>td{
width:100%;
border:1px solid #000;
}
.linkbar a{
    color: inherit !important;
}
.linkbar{
    background-color: #111 !important;
    color: #fff !important;
}
*::-webkit-scrollbar {
    display: block;
    width: 10px;
    height: 10px;
  }
*::-webkit-scrollbar-thumb {
    height:10px;
    width: 10px;
    background: #181818;
    border-radius: 0px;
  }
*::-webkit-scrollbar-track {
    background: transparent;
  }
  
  @media screen and (min-width: 1080px) {

 .close-button{
    position: absolute;
    top:100px;
    right:0px;
}
  }
  @media screen and (max-width: 1080px) {

    header>.container>ul{    
        background: #111 !important;
    }
  }