@import url("https://cdn.jsdelivr.net/gh/ItsFoxDev/API/fonts/gilroy/import.css");
@import url("https://cdn.jsdelivr.net/gh/ItsFoxDev/FoxCSS/latest.css");
body {
  background-color: #020a1f;
  margin:0px;
  width:100vw;
  height:100vh;
  position:fixed;
  inset:0px;
}
#title {
  color: #020a1f;
}
#window {
  width: calc(100vw - 120px);
  height:calc(100vh - 120px);
  margin:50px;
  padding:10px;
  background-color:white;
  border-radius:10px;
  box-shadow:inset -4px -4px 15px 5px rgba(2,10,31,0.24);
  flex-direction:column;
  flex-wrap:wrap;
}
h1,h2,h3,h4{margin:0px;}

#title{font-weight:800;font-size:60px;}
*{font-family:gilroy;}
#desc{
  font-size:20px;
  width:100%;
  display:block;
  font-weight:500;
}

spacer{
  width: 100%;
  height: 25px;
}
div[dash] button{
  padding:7.5px 10px;
  color:white;
  background-color:#020a1f;
  border-radius:5px;
  border:unset;
  width:125px;
  font-size:17.5px;
  cursor:pointer;
  transition:box-shadow .3s ease,transform .3s ease;
  box-shadow:0px 0px 0px 0px transparent;
}
div[dash] button:hover{
  transform:translateY(-3px);
  box-shadow:0px 0px 15px 5px rgba(2,10,31,0.42)
}

#popup-cont,.update-cont{
  width:100vw;
  height:100vh;
  position:fixed;
  align-items:center;
  bottom:-100vw;
  transition:bottom .3s ease;
}
#popup,.update-popup{
  padding:10px;
  border-radius:5px;
  width:300px;
  height:200px;
  background-color:white;
  box-shadow:0px 0px 15px 5px rgba(2,10,31,0.42);
}
#popup ol li{
  text-align:left;
  font-weight:500;
}
key{
  padding:1px 3px;
  border:1px solid rgba(0,0,0,0.2);
  border-radius:5px;
  background:rgba(0,0,0,0.01);
}
.banner{
  margin-top:10px;
  display:block;
  padding:8px;
  border:1px solid rgba(0,0,0,0.2);
  border-radius:5px;
  margin-bottom: 7.5px;
}
.bm{
  user-select:none;
  font-size:0px;
  display:inline-block;
  background-image:url('https://cdn.jsdelivr.net/gh/ItsFoxDev/dash/res/dragger.png');
  background-size:100%;
  transform:translateY(-17px);
  --bm-height:22px;
  height:var(--bm-height);
  width:calc(var(--bm-height) * 2);
  transition:scale .3s ease;
}
#bm:hover{
  scale:1.05;
}

a{color:#06c !important;}
.update-popup{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.update-popup{height: 223px !important;}
.banner{width:282px;}
#whatsnew i{margin-right:5px;}