@media(min-width: 768px){
  p1,p2{
    font-size: 35px;
  }
  p3{
    font-size: 30px !important;
  }
  p4{
    font-size: 19px;
  }
  #dark_mode_button{
    font-size:19px;
  }
  #hamburgerMenu{
    font-size:19px;
  }
  #prof_pic{
    width: 300px;
  }
  #contact_redirect_button{
    font-size:30px !important;
    margin-left: 10px !important;
  }
  #project_images{
    width:200px;
  }
  #tech_icons{
    font-size:85px !important;
  }
  #topButton{
   display:none !important;
  }
}
@media(max-width: 767px){
  p1,p2{
    font-size: 25px;
  }
  p3{
    font-size: 20px;
  }
  #prof_pic{
    width: 200px;
  }
  #top_button{
    font-size: 20px;
  }
  #project_images{
    width: 150px;
  }
}
body{
  font-weight:bolder;
}
body.dark-theme{
  background-color: black !important;
}
#dark_mode_button{
  color: #d7824b;
  border-style: solid;
  border-color: #d7824b;
  font-weight: bolder;
  background-color: white;
}
#dark_mode_button:hover{
  color: #704214;
  border-color: #704214;
  background-color:#ebb075;
}
body.dark-theme #dark_mode_button{
  color: #ffd8bb;
  border-color: #ffd8bb;
  background-color: black;
}
body.dark-theme #dark_mode_button:hover{
  background-color: #c98747;
}
a:hover, a:visited, a:link, a:active{
  text-decoration: none;
}
a {
  color: #fcf8f5;
}
body.dark-theme a{
  color:#704214;
}
a:hover{
  color: #704214;
  text-decoration: none;
}
body.dark-theme a:hover{
  color: #fae1cf;
  text-decoration: none;
}
.container{
  color: #d7824b;
  font-family: "Cabin Sketch";
}
.navbar-toggler:hover{
  background-color: #d7824b !important;
}
.nav-link {
  color: #704214 !important;
  }
.nav-link:hover{
  color: #d7824b !important;
} 
body.dark-theme nav{
  box-shadow: 1px 1px #ffd8bb !important;
}
body.dark-theme .navbar-toggler:hover{
  background-color: #c98747;
}
body.dark-theme .nav-link{
  color: #ffd8bb !important;
}
body.dark-theme .nav-link:hover{
  color:#c98747 !important;
}
body.dark-theme .navbar-toggler{
  border-color: #ffd8bb;
}
body.dark-theme .navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,216,187)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
ul{
  list-style: none;
}
body.dark-theme p1{
  color: #ffcba5;
}
p2{
  color: #704214
}
body.dark-theme p2{
  color: #ffd8bb;
}
p3{
  color: #9e754d;
}
body.dark-theme p3{
  color: #ffc49a;
}
p4{
  display:inline-block;
  line-height: 1.2 !important;
}
body.dark-theme p4{
  color: #ffbe8f;
}
p5{
  padding-left: 10px;
  padding-right:5px;
}
#contact_redirect_button{
  display:inline-block;
  margin-left: 5px;
  border-radius: 25px;
  padding:10px;
  background-color: #d98e43;
  font-size: 20px;
}
#contact_redirect_button:hover{
  background-color: #ebb075;
}
body.dark-theme #contact_redirect_button{
  background-color: #ffc49a;
}
body.dark-theme #contact_redirect_button:hover{
  background-color: #c98747;
}
.tks_redirect{
  background-color: #d98e43;
  padding: 5px;
}
.tks_redirect:hover{
  background-color: #ebb075;
  cursor: pointer;
}
#tks_redirect_button{
  padding-left: 5px;
}
body.dark-theme .tks_redirect{
  background-color: #ffc49a;
}
body.dark-theme .tks_redirect:hover{
  background-color: #c98747;
  cursor: pointer;
}
body.dark-theme .tks_redirect a:hover{
  color:#ffc49a;
}
.bsfe_redirect{
  background-color: #d98e43;
  padding: 5px;
}
.bsfe_redirect:hover{
  background-color: #ebb075;
  cursor: pointer;
}
#bsfe_redirect_button{
  padding-left: 5px;
}
body.dark-theme .bsfe_redirect{
  background-color: #ffc49a;
}
body.dark-theme .bsfe_redirect:hover{
  background-color: #c98747;
  cursor: pointer;
}
body.dark-theme .bsfe_redirect a:hover{
  color:#ffc49a;
}
.card{
  background-color: #f1f1f1 !important;
}
body.dark-theme .card{
  background-color: #8a674d !important;
}
#projects_section_2{
  margin-top: -2.5rem !important;
}
#projects_section_3{
  margin-top: -2.5rem !important;
}
#tech_icons{
  display:inline-block;
  font-size:50px;
}
#topButton
{
  display: none;
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 1;
  font-size: 35px;
  border: none;
  outline: none;
  background-color: transparent;
  color: #d7824b;
  cursor: pointer;
  padding: 2px;
  border-radius: 4px;
}
#topButton:hover 
{
  color: #e3b778;
}