@font-face {
    font-family: 'CustomFont';
    src: url('font/Travelnesia\ DEMO.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body{   
    background-image: url("img/WhatsApp\ Image\ 2024-12-15\ at\ 11.18.20_dab480a9.jpg");
    font-family: 'CustomFont';
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center; 
    align-items: center; 
    min-height: 95vh; 
    /* background-color: #000;  */
    /* color: #00ff00;  */
    text-align: center; 
}

.container{
    width: 90%;
    max-width: 655px; 
}

h1{
    color: #adfb05;
    font-size: 60px;
    text-align: center;
    margin: 85px ;
    font-family: cursive;
}

.logo-img{
    /* display: block; */
    /* margin-left: auto; */
    width: 100%;
    /* margin-right: auto; */
    /* padding: 40px; */
    /* width: 500px; */
    /* margin: 0px 440px; */
}

p{
    text-align: center;
    color: #adfb05;
    font-size: 30px;
    font-family: "Croissant One", sans-serif;
  /* font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "ROND" 0; */
}

a img{
    width: 50px;
    display: inline;
    padding: 20px;
    margin: -30px -5px;
}

a img:hover{
    transform: translate(0, -5px);
}

.type{
    height: 100%;
    margin: 29% 0 15% 2%;
    width: 150%;
}

@media (max-width: 768px) {
    .container {
      width: 95%; /* Expand content width slightly */
      font-size: 1rem; /* Adjust font size */
    }
  }