h2 {
  color:#FFFF;
  font-family: 'Satisfy', cursive;
  margin:0px;
  position:relative;
  font-size: 44px;
  top:90px;
  left:22px;
  width: fit-content;
}
h1 {
  font-family: 'Gabarito', cursive;
  font-size: 90px;
  color: #C6F91F;
  margin-bottom: 0px;
  width:fit-content
}
#home{
 
  display: grid;
  grid-template-columns: 6fr 4fr;
  gap:20px;
  flex-direction: row;
}
#home-content {
  
  height:fit-content;
  box-shadow: #C6F91F 5px 5px;
  padding: 20px 0px;
}
#contact {
  display: flex;
  flex-direction: row;
  gap:20px;
  color:#8A897C;
  width: fit-content;
}
#contact div p {
  color:inherit;
  font-family:'Montserrat', sans-serif ;
}
#contact div {
  display: flex;
  align-items: center;
  gap:5px;
  transition:color 500ms;
}
#contact div:hover {color:#F1D302}
a {
  color:inherit;
  text-decoration: none;
}
#achievements-cont{
  margin-top:90px;
  display:grid;
  grid-template-columns: 185px 185px;
  grid-template-rows: 185px 185px;
  gap:59px;
  font-weight:900;
  font-size:10px;
 
}
.achievment
{
  width: 150px;
  height:150px;
  background-color: #FFFCF2;
  backdrop-filter: blur(15px);
  border-radius: 10px;
  transition:z-index 500ms;
  overflow:hidden;
  display: flex;
  padding:35px;
  align-items: center;
  justify-content: center;
}
.achievment img {
  position: relative;
}
.achievment div p {
  font-family: 'Montserrat', sans-serif !important; 
  color:#0D0106;
  font-weight: 900;
}

.achievment div h3{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:5px;
  font-family: 'Gabarito', sans-serif;
  font-weight: lighter;
}
p , li{
  font-family: 'QuicGabksand', sans-serif;
  color:#FFFF;
  font-size: 20px;
}

.gap {
  height: 300px;
}

#skills p {
  font-weight:lighter;
  font-size:20px;
}
#skills {
  margin:90px 0px 0px 0px;
  
  width:100%;
  box-shadow: #090A0B 0px 0px 20px;
}
#skills h2 {
  font-family: 'Gabarito', cursive;
  font-size:50px;
  position: relative;
  top:-30px;
}
#skills-header {
  font-family: 'Gabarito', cursive;
  color:#EFF6EE;
  font-size:30px;
  display:flex;
  width: fit-content;
  margin:auto;
  align-items: center;
  margin-bottom: 80px;
}
#skills-header h4{
  width:390px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  transition: opacity 500ms;
  margin:0px;
}
#skills-header span{
  display:table;
  margin: 0 auto;
  padding: 10px;
  border-radius: 20px;
  color:#FFFF;
  opacity: 50%;
  transition: opacity 500ms,color 500ms;
}
#skills-header span:hover{
  opacity:100%;
  color:#F1D302;
  cursor: pointer;
  background-color: grey;
}

#workexp{
  display:grid;
  margin-top: 130px;
  justify-content: center;
  align-items: center;
}

#workexp-container {
  display:flex;
  flex-direction: column;
  gap:50px;
  align-content: center;
  
}
.workentry{
  display:flex;
  gap:20px;
  
  
}
.workentry h3 {
  font-family: 'Gabarito', cursive;
  font-size:50px;
  color:white;
  background: #88A0A8;
  color:#262a2d;
  padding:20px;
  margin:0px;
  width:380px;
  overflow:hidden;
  flex-shrink: 0;
  display:flex;
  flex-direction: column;
  border:#0F1401 10px solid;
}
#sorry{
  display: none;
}
@media screen and (max-width :1300px) {
  
  #contentarea{display: none;}
  #navigation{display: none;}
  #sorry{
    display: flex;
    width: 100%;
    height: 100%;
  justify-content: center;
align-items: center;
color: #C6F91F;
font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 40px;
text-align: center;
}
}
.workentry:nth-child(odd) 
{
  flex-direction: row-reverse;
}
.workentry:nth-child(odd) div p:hover
{
  box-shadow: #F1D302 -5px 5px;
  font-weight: 900;
  color: #F1D302;
}


.workentry h3 p {
  color : #262a2d;
  font-size:30px;
  overflow-wrap: break-word;
  width:100%;
}
.workentry h3 b {
  color : #262a2d;
  font-size:30px;
  overflow-wrap: break-word;
  
}
.workentry h3 p {
  font-family: 'Roboto', sans-serif;  
  width:720px;
  margin:0px;
}
.workentry div p {
  font-family: 'Montserrat', sans-serif; 
  width:720px;
  margin:0px 0px 15px 0px;
  background-color: #88A0A8;
  padding:20px;
  color:#262a2d;
  transition: all 500ms;
  border:black 2px solid;
}

.workentry div p:hover{
  box-shadow: #F1D302 5px 5px;
  font-weight: 900;
  color: #F1D302;
}
.workentry div :last-child {margin-bottom:0px;}
#projects{
  margin-top: 20px;
  box-shadow: #090A0B 0px 0px 20px;
}
.carousel-slide{
  display:grid;
  grid-template-columns: 3fr 1fr;
  gap: 0px 25px;
  align-items: center;
  justify-content: center;
  height:600px;
  padding:20px;
  
}


.slide-notes{
  
  color:white;
  height:100% ;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  display:flex;
  flex-direction: column;
  justify-content: center;
}

.carousel-indicators{
  background-color: rgba(64, 76, 79, 0.25);
  
  
}