@font-face {
 font-family: 'Conthrax'; 
 src: url('/terranova/conthraxsb.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@keyframes slideInFromRight {
  0% {
    transform: translateY(25vh); 
    }

}
    body {
    background-image: url("/terranova/background.jpg"); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-attachment: fixed;
    font-family: Verdana;
    margin: 0;
    background-color: rgba(44, 44, 108, 0.65);
    background-blend-mode: multiply;
    }
    .homepage {
     display: flex;
     flex-direction: row;
    }
    
    .homepagebox {
          width: 49vw;
    }

    .homepagebox img {
      position: fixed;
      bottom: 0;
      height: 80vh;
      width: auto;
      padding: 0 5rem 0 1rem;
      margin: 0 1rem 0 1rem;
      animation: slideInFromRight 1s ease-out forwards; 
      
    }
    
    .container {
     box-sizing: border-box;
     background-color: rgba(0, 0, 0, 0.6); 
     margin: 1rem 1rem 1rem 1.5rem;
     padding: 1rem 2.5rem 1rem 1.5rem;
     display: flex;
     flex-direction: column;
     color: white;
     max-height: 80vh;
     overflow: auto;
     box-shadow: green 0px 0 10px;
     border-radius: 5px;
     border: 1px solid lightgreen;
     scrollbar-color: lightgreen transparent;
     scrollbar-width: 10px;
    }
    p {
     margin: 0.4rem; 

    }
    a {
     color: lightgreen !important;
     font-weight: bolder;
    }
    a:hover {
     color: green !important;
     background-color: lightgreen !important;
    }
    h1, h2 {
     color: lightgreen; 
     margin: 0.2rem 0rem 0.2rem 0;
     font-family: Conthrax;
     text-shadow: 1px 1px green;
    }
    
    @media (max-width: 768px) {
body {
 background-attachment: scroll; 
}
.container {
  width: 90vw;
  margin: 1rem !important;
}
   .homepagebox img {
     display: none;
}