*{

margin:0;
padding:0;

box-sizing:border-box;

}



body{

height:100vh;

background:

radial-gradient(
ellipse at center,
#151515 0%,
#050505 55%,
#000 100%
);


color:white;

font-family:Arial,sans-serif;

overflow:hidden;

}




body::before{

content:"";

position:fixed;

inset:0;


background:

radial-gradient(
ellipse at 50% 40%,
rgba(255,255,255,.08),
transparent 60%
);


pointer-events:none;

}






/* BACK */


.back-btn{


position:fixed;


top:30px;


left:40px;


color:white;


text-decoration:none;


font-size:13px;


letter-spacing:4px;


opacity:.45;


transition:.4s;


}



.back-btn:hover{

opacity:1;

}









/* ABOUT */


.about-room{

height:100vh;


display:flex;


align-items:center;


justify-content:center;


}




.about-content{

text-align:center;


}





.about-content h1{


font-size:32px;


font-weight:300;


letter-spacing:15px;


}





.line{


width:80px;


height:1px;


background:rgba(255,255,255,.3);


margin:35px auto;


}





.about-content p{


font-size:12px;


letter-spacing:6px;


opacity:.55;


margin-top:18px;


}





.contact{


margin-top:60px;


display:flex;


flex-direction:column;


gap:18px;


}





.contact span{


font-size:10px;


letter-spacing:5px;


opacity:.4;


}





.contact a{


color:white;


text-decoration:none;


font-size:13px;


letter-spacing:3px;


opacity:.7;


transition:.3s;


}





.contact a:hover{


opacity:1;


}







@media(max-width:600px){


.back-btn{

top:20px;

left:20px;

}



.about-content h1{

font-size:22px;

letter-spacing:10px;

}



.contact a{

font-size:11px;

}


}

/* ABOUT PAGE FOOTER */
.about-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 24px 5% 18px;
  border-top: 1px solid rgba(255,255,255,.12);
  text-align: center;
}

.about-copyright {
  color: rgba(255,255,255,.55);
  font-size: 9px;
  letter-spacing: 1px;
  text-align: center;
}

.about-footer-logo {
  display: block;
  width: 180px;
  height: 116px;
  max-width: 100%;
  object-fit: contain;
  margin: 12px auto 0;
  opacity: .95;
}