/*DMG4EVR Palette
Created by RABBITKNG*/

body {

color:#000000;
background-color: #4d5966;

}

.widecontainer {
  position: relative;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

a:link {
    color: rgb(0, 96, 0);
    text-decoration: none;
}

a:visited {
    text-decoration: none;
    color: rgb(0, 128, 0);
}
a:hover {
    text-decoration: none;
    color: rgb(128, 255, 128);
}
a:active {
    text-decoration: none;
    color: rgb(192, 160, 0);
}

td, th {
    color: #A0522D;
}



.nav_pad{
  padding-top:40px;
}
.section{
  padding-top: 30px;
  padding-bottom:40px;

}

.mid-section{
  padding-top: 120px;
  padding-bottom:40px;

}

.key {
  font-weight:bold;


}
.stripe {
 background-color: #DADADA;
}


ul.disc{
  list-style: disc;
  margin-left: 15px
}


.navbar ul li{
    list-style: none;
    display: inline-block;
    padding-right:10px;
}


.statement_text {
    background-color: #b3b37e;
    padding: 12.5px;
    margin-top: 23px;
    border: 12.5px dashed #333030;
}

.portfoilo1{
  width: 95%;
max-width: 500px;
height: auto;
margin: 2.5%;
}

.videoWrapper {
  position: relative;
  padding-top: 100%
  /*padding-bottom: 56.25%;  16:9 aspect ratio (height/width) */
  /*height: 0;
  overflow: hidden;*/
}

#threeD, #video, #blurb {
  background-color: #88985b;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 16px;
}
#twoD, #code, #art {
  background-color: #667f59;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 16px;
}


#nav {
  background-color: #88985b;
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 16px;
}



.video-container {
  width: 100%; /* Change this percentage as needed */
  margin: 0 auto; /* Center the column */
}