*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body{
    height: 100%;
    width: 100%;
    background-color: #bea5ab;
    overflow: hidden;
}

#main{
    height: 100%;
    width: 100%;
    display: flex;
    
}


#pt1{
    height: 100%;
    width: 26%;
}
#pt2{
    height: 100%;
    width: 66%;
    
    background-image: url("https://plus.unsplash.com/premium_photo-1669704098876-4dfed19ea219?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1pbi1zYW1lLXNlcmllc3w2fHx8ZW58MHx8fHx8");
    background-size: cover;
    background-position: center;
}
#overlay{
    height: 100%;
    width: 100%;
    background-color: #b49c8768
}
#overlay1{
    height: 100%;
    width: 100%;
    background-color: #3432320f
}
#pt3{
    height: 100%;
    width: 5%;
    
}

#logo{
    /* background-color: black; */
    height: 10%;
    width: 24.5%;
    display: flex;
    justify-content:space-between;
    align-items: center;
    position: absolute;
  
    margin-top: 4%;
    margin-left: 3%;
}
#lg img{
    width: 70%;
    height: 9%;
  
}

#name h1{
    font-size: 60px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: aliceblue;
}


#photo{
    height: 55%;
    width: 23%;
    /* background-color: black; */
    position: absolute;
    top: 20%;
    right: 5%;
    background-image: url("https://plus.unsplash.com/premium_photo-1669704098824-3bb06bb771f4?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1pbi1zYW1lLXNlcmllc3wyfHx8ZW58MHx8fHx8");
    background-size: cover;
    background-position: center;
}
@import url('https://fonts.googleapis.com/css2?family=Aldrich&family=Almendra:ital,wght@0,400;0,700;1,400;1,700&family=Bona+Nova:ital,wght@0,400;0,700;1,400&display=swap');
#txt h1{
    font-family: "Aldrich", sans-serif;
    font-size: 140px;
    font-weight: 600;
   color:aliceblue;
}
#txt h1:hover{
    -webkit-text-stroke-color: black;
    -webkit-text-stroke-width: 2px;
    color: transparent;
}
#txt{
    height: 120px;
    width: 50%;
   position: absolute; 
   top: 30%;
   left: 3%;
}
#vertxt{
  
  position: absolute;
  top: 43%;
  right: -27%;

  transform: rotate(90deg);
  

}

#vertxt h1{
    -webkit-text-stroke-color: black;
    -webkit-text-stroke-width: 1.5px;
    color: transparent;
   stroke-width: 2px;
   letter-spacing: 1px;
  font-size: 165px;
   font-family: "Aldrich", sans-serif;
    
}
#vertxt h1:hover{
    color: rgb(33, 33, 33);
    -webkit-text-stroke-width: 0px;
}