/* 
    Summer Hacks
    SOA Code Room
    Project Template
    Use this template: https://github.com/SOACodeRoom/summerhacks-projectName/generate
    style.css: You will write your css code for your portfolio website here. You can add other css files too but it must be under "css" folder.

*/

html{

    background: url(../assets/images/new\ background\ image.jfif) no-repeat center center fixed;
     
    background-size: 2034px 1100px;
    background-position: -295px -4px;
  }
 
  .prof-box{
      width:450px;
      height:550px;
      background-color:rgba(17, 15, 15, 0.363);
      padding:40px;
      color:rgba(248, 240, 240, 0.473);
      margin:0 auto;
      margin-top:100px;
      text-align: center;
  }
  
  .prof-pic {
    border-radius: 50%;
    height: 200px;
    width: 200px;
    border-style: solid ;
    border-color:rgba(255, 255, 255, 0.486);
    border-width: 4px;
    border-radius:50%;
  }
  h1{
    font-weight: 1000;
    letter-spacing: 6;
    font-size: 40px;
  
  }
  
  p{
    font-weight: 100;
    letter-spacing: 1;
  }
  
  .line-break{
    width: 140px;
    margin:0 auto;
    border-top: solid white;
  }

.edu{
    width:450px;
    height:490px;
    background-color:rgba(17, 15, 15, 0.363);
    padding-top: 10px;
    padding-bottom: 60px;
    color:rgba(248, 240, 240, 0.705);
    margin:0 auto;
    margin-top:100px;
   
    text-align: center;
}


.skil{
    width:450px;
    height:490px;
    background-color:rgba(17, 15, 15, 0.363);
    padding-top: 10px;
    padding-bottom: 60px;
    padding-left: 10px;
    color:rgba(248, 240, 240, 0.705);
    margin:0 auto;
    margin-top:100px;
   
    text-align: left;
}
.prof-box .btn1{

    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 20px;
    /* text-decoration: none; */
   
    background-color: rgb(177, 163, 163);
    padding: 15px 25px;
}
.prof-box .btn1 a{
    text-decoration: none;
    color: black;
    
}

.prof-box .btn2{
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 20px;
    color: black;
    text-decoration: none;
    background-color: rgb(177, 163, 163);
    padding: 15px 25px;

}

.prof-box .btn2 a{
    color: black;
    text-decoration: none;
}


.prof-box .social-media a #gmail{
  color: brown;
font-size: 30px;

}
.prof-box .social-media a #linked{
    color: rgb(24, 104, 196);
  font-size: 30px;

}
.prof-box .social-media a #github{
    color: rgb(233, 229, 229);
  font-size: 30px;

}
.prof-box .social-media a #twitter{
    color: rgb(26, 115, 189);
  

}
.prof-box .social-media a  {
 margin: 0 15px;
 font-size: 30px;
}

.prof-box .social-media a  :hover {
  margin: 0 15px;
  font-size: 50px;
 }

.prof-box .buttons :hover{
  background-color: aqua;
}