*{box-sizing:border-box;padding:0;margin:0;font-family:Outfit,sans-serif}
body,html{max-width:100vw}
body{
  background-color:#000;
  color:hsla(0,0%,100%,.85);
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
a{color:inherit;text-decoration:none}

.wrap{
  max-width:760px;
  width:100%;
  margin:0 auto;
  padding:56px 24px 90px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:32px;
  color:#fff;
}
.brand img{width:36px;height:36px;border-radius:8px}
.brand span{font-weight:600}
h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 4px}
h2{color:#fff;font-size:18px;font-weight:600;margin:32px 0 8px}
h3{color:#fff;font-size:15px;font-weight:600;margin:20px 0 6px}
.meta{color:hsla(0,0%,100%,.5);font-size:13px;margin-bottom:24px}
p,li{font-size:15px;font-weight:400;color:hsla(0,0%,100%,.75)}
.wrap a:not(.brand){color:#b794f6}
ul{padding-left:20px}

.page_navbar_wrapper{position:fixed;bottom:0;left:0;right:0}
.navbar_navbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:1000px;
  margin:0 auto;
  padding:0 24px;
  background-color:rgba(0,0,0,.1);
  border-top:1px solid #ffffff14;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
.navbar_navbar_el{
  font-size:14px;
  font-weight:500;
  line-height:50px;
  transition:.2s ease-in-out;
  color:hsla(0,0%,100%,.75);
}
.navbar_navbar_el:hover{cursor:pointer;color:hsla(0,0%,100%,.5)}
.navbar_navbar_el:not(:last-child){margin-right:32px}
@media screen and (max-width:500px){
  .navbar_navbar_el:not(:last-child){margin-right:24px}
  .navbar_navbar_el{font-size:12px}
  .wrap{padding:32px 18px 80px}
  h1{font-size:24px}
}