@font-face {
    font-family: 'Shelten';
    src: url('./assets/libraries/fonts/Shelten.ttf');
    font-style: normal;
}

body{
    font-family: 'Montserrat', sans-serif;
}

.little-logo {
    width: 100px;
    height: auto;
    top: 20px;
    left: 20px;
}

@media (max-width: 768px) {
    .little-logo {
        width: 60px;
        height: auto;
        top: 10px;
        left: 10px;
    }
}

.title {
    font-family: 'Shelten';
    font-size: clamp(30px, 5vw, 80px);
}

.contact-modal-container {
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: #131313;
    color: white;
    /* border: 5px solid #e4e4e4;
    border-radius: 5px; */
}

.contact-modal-content {
    max-width: 500px;
}

.cta-btn {
    border-radius: 50px;
    background-color: #56974d;
    font-size: clamp(15px, 5vw, 40px);
    border-color: #43803b;
}

.cta-btn:hover {
    background-color: #43803b;
    color: #0e0c0c;
}

.cta-btn:active {
    background-color: #74aa6d;
    color: #0e0c0c;
}

.contact-head-button {
    width: 40px;
    height: 40px;
}

.modal p {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
}

.modal h2 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
}

.modal h1 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 35px;
}

a { 
    color: #56974d; 
    text-decoration: underline;
}

#object-button{
  position:absolute;
  z-index:10;
  padding:10px 20px;
  background:#111;
  color:white;
  border:none;
  border-radius:8px;
  cursor:pointer;
}

#popup3d{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.7);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:100;
}

.popup-hidden{
  display:none !important;
}

.popup-content{
  width:80%;
  height:80%;
  background:white;
  border-radius:20px;
  overflow:hidden;
  position:relative;
  padding:20px;
}

#popup-canvas-container{
  width:100%;
  height:70%;
}

#popup-canvas{
  width:100%;
  height:100%;
  display:block;
}

#close-popup{
  position:absolute;
  top:10px;
  right:10px;
  font-size:20px;
  cursor:pointer;
}