@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&family=Kantumruy+Pro:ital,wght@0,100..700;1,100..700&family=Krona+One&family=Montserrat+Subrayada:wght@400;700&display=swap');
.wrapper{
    margin: 0;
}
h1{ 
    color: #FFFADE;
    text-align: left;
    font-family: "Montserrat Subrayada", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: normal;
    margin: 0;
    margin-top: 40px;
    margin-left: 20px;
    
  }
h2{
    color: #FFFADE;
    text-align: left;
    font-family: "Krona One";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.75px;
    margin-left: 28px;
    margin-top: 0px;
    
}
li a h1{
    text-decoration: none;
}
li a h2{
    text-decoration: none;
}
body{
    background-color: #551515;
    margin: 0;
    text-decoration: none;
}
body p{
    background-color: #FFFADE;
    color: #551515;
font-family: "Kantumruy Pro";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: auto;
}
.contact-container h1{
    margin: auto;
    
}

.contact-container{
    background-color: #FFFADE;
    font-family: "julius sans one" ;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
   
}
label{
    text-align: left;
    text-justify: distribute;
    font-family: "montserrat subrayada";
    color: #480B0B;
}
.about p{
    font-family: "julius sans one" ;
    text-size-adjust: 50%;
    font-size: 20px;
    text-align: center;
}
input{
    align-items: right;
    width: 80%;
}
textarea{
    align-items: center;
    width: 80%;
}
button{
    font-family: "kantumruy pro";
    background-color: #551515;
    color: #FFFADE;
}
.contactpage h1{
    font-family: "julius sans one";
    background-color: #FFFADE;
    color: #551515;
    margin: auto;
    text-align: center;
}
.menu{ position: relative;
    display: flex;
    float: right;
    margin-right: 20px;
}
.heroimage{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}
.gradient{
    width: 100%;
    height: 100%;
    background-color: black;
}
.herogroup{
    margin: 0;
    margin-top: 30px ;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: relative;
}
footer{
    background: #480B0B;
    margin: auto;
    height: 200px;
    width: 100%;
    overflow: hidden;
 
}
.logo{
    color: #480B0B;
}
.footlogo{
    margin: auto;
    position: absolute;

}
.contactfoot p{
    font-family: "Julius Sans One", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #FFFADE;
  background-color: #480B0B;
  float: right;
  font-size: larger;

}

.ohk p{
    color: #FFFADE;
}
p{
    margin-top: 0;
}
.foot{
    margin-top: 50px;
    margin-left: 30px;
    margin-right: 30px;
}

.hometext h1{
    margin: 30px;
    color: #FFFADE;
text-align: center;
font-family: "Julius Sans One";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: normal;
    color: #FFFADE;
}
hr{
    color: #FFFADE;
    border-color: #FFFADE;
    border-style: groove;
}
.hometext hr{
    margin: 30px;
    color: #FFFADE;
}
.hometext h2{
    margin: 30px;
    color: #FFFADE;
text-align: center;
font-family: "Kantumruy Pro", sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
    color: #FFFADE;
}
u p{
    font-size: larger;
}
body .menu{
    font-family: "kantumruy pro", sans-serif;
    margin: 0;
    padding: 0;
  }
  
  .menu-container {
    text-align: center;
    justify-content: space-around;
  }
  
  ul.menu {
    list-style-type: none;
    margin: 0;
    top: 60px;
    padding: 0;
    overflow: hidden;
    justify-content: space-around;
    display: block;
  }
  
  ul.menu li {
    display: inline-block;
  }
  
  ul.menu li a {
    color: #FFFADE;
    padding: 16px 20px;
    text-decoration: none;
    display: block;
  }
  
  /* Dropdown menu styles */
  ul.menu li.dropdown {
    position: relative;
  }
  
  ul.menu li.dropdown:hover .dropdown-content {
    display: block;
  }
  
  ul.menu li a:hover {
    background-color: #480B0B;
  }
  
  /* Hidden by default */
  ul.dropdown-content {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    z-index: 1;
  }
  
  ul.dropdown-content li {
    display: block;
  }
  
  /* Hover effect */
  ul.dropdown-content li a:hover {
    background-color: #575757;
  }
  li::marker{
    color: #551515;
  }