body {
  padding: 0;
  margin: 0;
  background-color: #000000;
  /*font-family: 'Orbitron', serif;*/
  font-size: 8px;
}

ul
{
   font-size: 16px;
    line-height: 24px;
    color: white;
    padding-top: 5%;
   letter-spacing: 1px;
  font-family: serif;
  text-align:justify;
}
p
{
      font-size: 16px;
    line-height: 24px;
    color: white;
    padding-top: 5%;
  /*font-size: 2rem;*/
  letter-spacing: 1px;
  font-family: serif;
  text-align:justify;
}
#section0
{
     color: black;
}
@namespace svgns url(http://www.w3.org/2000/svg);
html,body,svg { height:100% }
@namespace svgns url(http://www.w3.org/2000/svg);
body{
background-color:black;
}
svgns|a {
  cursor: alias;


}

svgns|a text {
  fill:white; /* Even for text, SVG use fill over color */
  
}

svgns|a:hover, svgns|a:active {
  text-shadow: 0px 2px 2px #ffffff;
}

.contact{
  font-size: 4em;
  text-shadow: 0px 4px 4px #000000;
}

.contact:hover
{
  text-shadow:none;
}

h4{
    
         z-index: 2;
          font-family: 'Orbitron';
    font-size: 4rem;
    letter-spacing: 3px;
    color: #fefefe;
    text-align:justify;
    }
    
#hero {
  height: 800px;
  overflow: hidden;
  position: relative;
}


.layer {
  background-position: bottom center;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: fixed;
  z-index: -1;
}

#hero-mobile {
  display: none;
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/full_illustration.png") no-repeat center bottom/cover;
  height: 320px;
}

.first-section {
  padding: 50px 0 20px 0;
}



#hero, .layer {
  min-height: 800px;
}
.skills-front{
  background-image: url(../img/typewriter.png);
  /*background-position: 95% 10%;*/
   background-size: 40% 55%;
   background-position: 105% 10%;
}
/*.skills-back{
  background-image: url(../img/project_back2.jpg);
  background-position: 80% 10%;
   background-size: 50% 50%;
}*/
svg
{
  position:absolute;
  left:80%;
  z-index: 30;
}


#arc0{
      font-size: 1em;
    }

 #bar
{

 position:fixed;
 top:135%;
 width:45%;
 height:45% ;
 left:10vw; 
}

@media only screen and (max-width: 1000px) {
#bar
{

 position:fixed;
 top:135%;
 width:70%;
 height:45% ;
 left:5vw; 
}
p
{
      font-size: 10px;
    padding-top: 10%;
}
  h4
  {
    font-size: 2rem;
  }
#pngs
{
  display: none;
}
.contact_svg
{
  display: none;
}
 li{
  position: absolute;
  left:-70%;
  top:10%;
  z-index: 20;

}
#about_img
{
display: none;

}
#about
{
  display: none;
}
#about_vidu
{
  display: block;
  position: relative;
  margin-left: -85%;
  margin-top: 15%;
}

.about_p
{
  position: relative;
  margin-left: -90% !important;
  /*margin-left: -180%;*/
}
/*.reduce_margin
{
position: relative;
margin-top: -50%;
}*/
#p_mobile_abt
{
  /*position: relative;
  top:0%;
  left:-20%;*/
}
a:hover
{
  text-decoration:underline;
}

}
@media only screen and (max-width: 1000px) and (min-width: 550px)
{
  #about_img
  {
   /* position:relative;
left:-35%;
width:40%;
height:90%;
margin-top:-30%;
*/ 
display: none;
 }
}
@media only screen and (min-width: 212px) and (max-width: 342px)
{
  #about_img
  {
    display: none;
  }
}
@media only screen and (min-width: 550px) and (max-width: 700px)
{
  #about_img
  {
    display: none;
    /*position:relative;left:-35%;margin-top:-10%;*/
  }
}
@media only screen and (min-width: 1000px) 
{
  #about_img
  {
    position:relative;left:-35%;margin-top:-10%;
  }
  #about_vidu
{
  display: none;
  
}
#p_mobile_abt
{
  position: relative;
  top:30%;
}
svg
{
  display: none;
}
}