@charset "utf-8"
.modal .modal-dialog .modal-content{  background-color: #d4c484; }

article,aside,footer,main,nav,header,section
 {
   display : block;
 }

  html,body,header,footer,article,aside,section,main,nav
  {
    padding: 0;
    margin: 0;
  }

body
{

  width: 100%;
  margin-right: auto;
  /*background: radial-gradient(#f0f0f0, #57595c);*/
  background: radial-gradient( #fff, #060909);
  font-size: 15px;
  font-family:sans-serif;
}

header
{
  width: 90%;
  margin-left: 5%;
  color: #fff;
  background-color: #101010;
  /*background-color: #0f0f0f;*/
  padding: 10px 20px;
}

.me{
  border-style:ridge;
  border-width: thick;
  border-color: #afafaf;
  margin: 10px;
  pointer-events: none;
 }

.proj_img {
  border-radius: 5px;
  text-align: center;
  margin-left: 0%;
  scale: 1.2;
}
.proj_img:hover{
  opacity: 0.6;
  transition: .3s ease;
}


#navbar
{
  position: sticky;
  top: 0;
  width: 90%;
  margin-left: 5%;
  text-align: center;
  /*background-color: #060909;*/
  margin-top: 1px;
  padding: 2px;
  background-color: #010101;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

li a
{
  color: #ffffff;
  font-size: 20px;
}
li
{
  margin-left: 1px;
  margin-right: 15px;
  font-size:20px;
  font-weight: bold;
  /*font-variant: small-caps;*/
  display: inline;
}
/* popup images settings */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
  }
.popupimg
{
  clear: both;
  width: 90%;
}

.main_content
{
  background: radial-gradient(  #555, #060909);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 1px;
}

section
{
  color: #0;
  border-radius: 30px;
  font-size: 18px;
  font-family: sans-serif;
  /*height: 250px;*/
}

h4
{
  clear: both;
  text-align: center;
  color: #EDFBFF;
}

hr{clear: both;}

main img
{
  clear: both;
  float: left;
  border-radius: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}
em{color: #C0C5C6;}

.portfolio_info a { color: #ffa0a0; }

.portfolio_info
{
  
  float: left;
  color:#fff;

}

aside
{
  color: #ffffff;
  background-color: #060909;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 3%;
  margin-left: 3%;
  padding: 1%;
}

footer
{
  clear: both;
  width: 90%;
  margin-left: 5%;
  text-align: center;
  background-color: #060909;
  color: #ffffff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.social_icons
{
  margin-top: 10px;
  padding: 2px;
  background-color: #060909;
}

.social_icons:hover
{
  padding: 0px;
}