/*
Theme Name: Ercan Orhan Sayfa
Theme URI: 
Author: Ekin ErcanORHN
Author URI: 
Description: EORN 
Version: 1.0
Text Domain: EOtheme
*/

html {
    scroll-behavior: smooth;
  }
  body{
      font-family: Arial, Helvetica, sans-serif;
      height: 100%
  }
  * {
          margin: 0;
          padding: 0;
          border: 0;
          outline: 0;
          font-size: 100%;
          vertical-align: baseline;
          background: transparent;
  }
  .header{
      width: 100%;
      height: 100px;
      background-color: white;
      position: fixed;
      z-index: 10;
  }
  .logo{
      margin-top: 10px;
  }
  .mainpage{
      position: relative;
      bottom: 50%;
      left: 50%;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
      transition: box-shadow .3s;
      transition: all .2s ease-in-out;
  
  }
  .biography{
      position: relative;
      bottom: 73%;
      left: 60%;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
  }
  .portfolio{
      position: relative;
      bottom: 97%;
      left: 70%;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
  }
  .contact{
      position: relative;
      bottom: 120%;
      left: 80%;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
  }
  .book{
      position: relative;
      bottom: 143%;
      left: 90%;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
  }
  .biographycontent{
      top: 100px;
      position: absolute;
      width: 100%;
      height: 600px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 30px 30px 30px 30px;
      background-color: #FFD70B;
      z-index: 1;
      transition: box-shadow .3s;
      transition: all .2s ease-in-out;
  }
  .biographytext{
      position: relative;
      bottom: 100%;
      left: 5%;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 24px;
  }
  .portfoliobulb{
      width: 600px;
      height: 100px;
      margin-left: auto;
      margin-right: auto;
      background-color: #FFD70B;
      position: relative;
      z-index: 1;
      top: 150px;
      border-radius: 20px;
      font-family: Arial, Helvetica, sans-serif;
      transition: box-shadow .3s;
      transition: all .2s ease-in-out;
  }
  .biographycontent:hover{
      -webkit-box-shadow: 0px 10px 62px -19px rgba(255,230,117,1);
      box-shadow: 0px 10px 62px -19px rgba(255,230,117,1);
      transform: scale(1.01);
  }
  .portfoliobulb:hover{
      -webkit-box-shadow: 0px 10px 62px -19px rgba(255,230,117,1);
      box-shadow: 0px 10px 62px -19px rgba(255,230,117,1);
      transform: scale(1.01);
  }
  footer{
  
      width: 100%;
      height: 80px;
      color: white;
      background-color: #163455;
      bottom: 0px;
      border-radius: 20px 20px 0px 0px;
  }
  #down{
    position: relative;
  }
  #down2{
    position: relative;
  }
  #down3{
    position: relative;
  }
  #down4{
    position: relative;
  }