* {
  font-family: 'Josefin Sans', sans-serif;
}

body {
  background-color: black;
  padding:0;
  margin:0;
  color: rgb(215, 209, 199);
  height: 100vh;
  width: 100vw;
}

main {
  height: 100%;
  width: 100%;
  display: grid;
  background-image: url(textured_background.png);
  background-repeat:repeat;
}

@media only screen and (min-width: 1200px) {
  main {
    grid-template-columns: 0.4fr 1.6fr; 
    grid-template-rows: 1fr; 
    gap: 0px 0px; 
    grid-template-areas: "nav content"; 
  }
}

@media only screen and (max-width: 1199px) {
  main {
    grid-template-rows: 0.2fr 1.8fr; 
    grid-template-columns: 1fr; 
    gap: 0px 0px; 
    grid-template-areas: "nav" "content"; 
  }
}

nav {
  grid-area: nav; 
  background-color: rgb(38, 12, 12);
  box-shadow: 1px 1px 11px 3px rgba(0,0,0,0.75);
  -webkit-box-shadow: 1px 1px 11px 3px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 1px 11px 3px rgba(0,0,0,0.75);
  border-right: 1px solid rgba(0,0,0,0.75);
}



#content {
  grid-area: content; 
}

/*a {*/
/*  color: rgb(215, 209, 199);*/
/*  text-decoration:none;*/
/*}*/

/*a:visited {*/
/*  color: rgb(215, 209, 199);*/
/*  text-decoration:none;*/
/*}*/

    
/*#row {*/
/*  display: flex;*/
/*}*/

/*#left {*/
/*  flex: 20%;*/
/*  height:100vh;*/
/*  background-color: rgb(38, 12, 12);*/
/*}*/

/*#right {*/
/*  flex: 80%;*/
/*  height:100vh;*/
/*  background-color: black;*/
  
/*}*/

/*#flex-column {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content:center;*/
/*  margin: 10px;*/
/*  width: 100%;*/
/*  overflow: hidden;*/
/*}*/
    
/*.flex-row {*/
/*  flex-grow: 3;*/
/*}*/

/*.nav-inner {*/
/*  margin: 2.8vh; */
/*  font-size: 20pt;*/
/*  padding: 1vh;*/
/*}*/
    
/*.nav-link {*/
/*  position: relative;*/
/*}*/

/*.nav-link::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  height: 4px;*/
/*  border-radius: 4px;*/
/*  background-color: #ffffff;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  transform-origin: right;*/
/*  transform: scaleX(0);*/
/*  transition: transform .3s ease-in-out;*/
/*}*/

/*.nav-link:hover::before {*/
/*  transform-origin: left;*/
/*  transform: scaleX(1);*/
/*  cursor: pointer;*/
/*}*/
    
/*.flex-socials {*/
/*  display:flex; */
/*  align-content: center;*/
/*  justify-content: center;  */
/*}*/