/*google font import*/
@import url('https://fonts.googleapis.com/css?family=Orbitron');

body {
  font-family:Verdana, Sans-serif,Times, serif;
  margin:0;
}
.fixed_back{
  position: fixed;
  left:0;
  top:0;
  height:100%;
  width:100%;
  z-index:-1;
   background: linear-gradient(to bottom left, white 60%, #c5f9ff);
}
p,ul,ol{
  font-size:18px;
}
h1, h2, h3, h4 {
	font-family: 'Orbitron', sans-serif;
}
h1 {
  font-size:6em;
}
h2 {
  font-size:3em;
  padding:20px;
}
p{
  max-width:52em;
}
header {
  width:40%;
  position:fixed;
  top:0px;
}
header h1{
  margin:20px;
}
h4{
  letter-spacing: 4px
}
header ul {
  list-style:none;
  margin-left:20px;
  padding:0;
}
#contact a {
  text-decoration: none;
}
#contact li{
    margin-bottom:5px;
}
main {
  width:60%;
  position:absolute;
  right:10px;
  box-sizing: border-box;
  padding-bottom:40px;
}
main h3{
  text-decoration: underline;
  font-size:2.5em;
  margin-bottom:30px;
}
.job-item{
  margin-bottom:40px;
}
.school{
  margin-bottom:40px;
}
.course{
  margin-bottom:40px;
}
h4{
  margin:10px 0;
  font-size:1.5em;
}
main p{
  margin:10px 0;
}
main em{
  font-weight:bold;
}
/*--------------------------------------*/
#arrowAnim {
  position:absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  transform:rotate(-90deg);
  right:-200px;
  display: none;
}

.arrow {
  width: 5vw;
  height: 5vw;
  border: 2.5vw solid;
  border-color: black transparent transparent black;
  transform: rotate(-45deg);
}


.arrowSliding {
  position: absolute;
  -webkit-animation: slide 4s linear infinite; 
          animation: slide 4s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 1s; 
    animation-delay: 1s;
}
.delay2 {
  -webkit-animation-delay: 2s; 
    animation-delay: 2s;
}
.delay3 {
  -webkit-animation-delay: 3s; 
    animation-delay: 3s;
}

@-webkit-keyframes slide {
    0% { opacity:0; transform: translateX(15vw); }  
   20% { opacity:1; transform: translateX(9vw); } 
   80% { opacity:1; transform: translateX(-9vw); }  
  100% { opacity:0; transform: translateX(-15vw); } 
}
@keyframes slide {
    0% { opacity:0; transform: translateX(15vw); }  
   20% { opacity:1; transform: translateX(9vw); } 
   80% { opacity:1; transform: translateX(-9vw); }  
  100% { opacity:0; transform: translateX(-15vw); } 
}
#portfolio div{
  margin:25px 0;
}
/*--------------------------------------------------*/
@media only screen and (max-width:1149px){
  header {
    position:static;
    width:100%;
  }
  main {
    position:static;
    margin:0;
    padding:20px;
    width:100%;
  }
  #arrowAnim {
    display:none;
  }
  .fixed_back{
    display: none;
  }
}

@media only screen and (max-width:700px){
  h1{
    font-size:60px;
  }
  h2{
    font-size:40px;
  }
}
@media print {
    header {
        width: 100%;
        position: static;
        top: 0px;
    }
    main {
        width: 100%;
        position: static;
        padding-bottom: 0;
        padding: 20px;
    }
    h2 {
        padding: 0 20px;
        margin-top:0;
    }
    #summary h3{
        margin-top:0;
    }
}