#aboutme {
          font-family: "Vampiro One", system-ui;
          font-weight: 400;
          font-style: normal;;
          font-size: 3em;
          background-image: url('../images/bg.jpg');
          background-position: center;  
          background-size: cover;    
          background-repeat: no-repeat;
          height: 100px;  
          margin:-8px; 
          padding-top: 40px; 
          text-align:center;
          color: white;
}


  
.block1 {
  background-color: #f5f5f5;
  padding:40px;
  margin:80px;
  margin-top:10px;    
  margin: 30px 10px 30px 10px;  
  border: 2px solid #a6a298;
  border-radius: 8px;
  border-style: dashed;   
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:#6b6861;      
}

.block1 .img {height: 100%;       
  width: auto;           
  object-fit: cover;     
  border-radius: 8px;
  padding: 0px 0px 30px 0px;
             }

.block1 .block1text {

  margin-top:0px;
  flex: 1;
  line-height: 1.6;
  text-align:center}




.block2  { width: auto;             
         background-image: url('../images/bg2.jpg')  ;
         background-position: center;  
         background-size: cover;   
         background-repeat: no-repeat;
         /* padding is the personal space inside: right top bottom left */
         padding:30px 50px 60px 50px;
         margin: 30px 10px 30px 10px;
         border-radius: 8px;
         text-align:center;
         font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
          color:#424242;

         
         }

.block2text {

  flex: 1;
  line-height: 1.6;}


.block2images {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.block2images img {
    width: 45%;
    height: auto;
}



.block3 {


         width: auto;
         background-position: center;  
         background-size: cover;   
         background-repeat: no-repeat;
         /* padding is the personal space inside: right top bottom left */
         padding:30px 50px 60px 50px;
         margin: 30px 10px 30px 10px;
         border: 4px solid #a6a298;
         
         border-radius: 8px;
         border-style: double; 
         text-align:center;
         font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
          color:#6b6861;   
         }



.block3text {

  flex: 1;
  line-height: 1.6;}

.block3text a:hover {color: #ffb108; opacity:80%;}
.block3text a:active {color:#808080;}



.block3images {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    width: 90%;
    margin: 30px auto;
    padding-bottom: 30px;
}

.block3images img {
    width: 400px;
    height: 500px;
    object-fit: cover;
    flex-shrink: 0;
}



.first {   color: #ffb108; 
    font-family: "Exo 2", sans-serif;
    font-weight: 700;
    font-style: italic;
         }


.second {   color: #ad6e00; 
    font-family: "Exo 2", sans-serif;
    font-weight: 700;
    font-style: normal;
   
         }
    
.second:hover {color: #808080; opacity:90%;}
.second:active {color:#ffb108;}

         
.third {  color: #292929; 
    font-family: "Exo 2", sans-serif;
    font-weight: 600;
    font-style: italic;
         }



img {
  display: block;
  margin: auto;
}

.special {      
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-style: italic;
display: inline;}