@font-face {
    font-family: "VCR Mono"; 
    src: url("fonts/mono/VCR_OSD_MONO_1.001 2.ttf") format("truetype");
    /* or: */
    src: url("fonts/mono/VCR_OSD_MONO_1.001.ttf") format("opentype");
}
  body {
    display: flex;
    min-height: 100vh;
    flex-direction: row;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
    font-family: 'VCR Mono';
    background-image: url("images/site/Background.jpg");
    
  }
  .link{
    color:black;
  }
  
  .col-1 {
    background-image: url("images/site/Background.jpg");
    flex: 1;
  }
  .col-2 {
    display: flex;
    flex-direction: column;
    flex: 5;
    background-color: #fffbeb;
  } 
  .head{
    padding:5px;
    border-left: 2px solid #46484d;
    border-right: 2px solid #46484d;
  }

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}




a {
    text-decoration: none; 
    color: #364ed9;
    cursor: pointer;
  }
  
/* Styling the scrollbar in Chrome and Safari */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #ffdf87; /* Set thumb color for Chrome and Safari */
}

::-webkit-scrollbar-track {
  background-color: #fffaed; /* Set track color for Chrome and Safari */
}

.box{
  background: #f4d368;
  width: 70%;
  min-width:400px;
  margin:auto;
  padding:10px;
}