/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : Mar 27, 2024, 9:29:38 AM
    Author     : qchoumont
*/

.nav-logo{
     background: black;
     max-width: 20%;
     height: auto;
}
.nav-logo-div{
     background: black;
}
.about{
    background-color: rgb(255, 247, 230);
}
.abouttext{
    font-size: 2em;
}

.highlight-div
{
    background-color: black;
}
.highlight-container {
  display: inline-block;
  background-color: rgb(255, 247, 230);
}

.highlight-container-about{
  display: inline-block;
  background-color: rgb(255, 247, 230);
}
.highlight-container, .highlight{
  position: relative;
}

.highlight-container-about, .hightlight{
  position: relative;
}

.highlight-container:before {
  content: " ";
  display: block;
  height: 90%;
  width: 100%;
  margin-left: -3px;
  margin-right: -3px;
  position: absolute;
  background: #ffd500;
  transform: rotate(2deg);
  top: -1px;
  left: -1px;
  border-radius: 20% 25% 20% 24%;
  padding: 10px 3px 3px 10px;
}

.highlight-container-about:before {
  content: " ";
  display: block;
  height: 90%;
  width: 100%;
  margin-right: -3px;
  position: absolute;
  background: rgb(255, 198, 77);
  top: -1px;
  left: -1px;
  border-radius: 12% 10% 20% 24%;
  padding: 10px 3px 3px 10px;
}

.p-10{
    padding: 10em;
}