* {
     margin: 0;
     padding: 0;
     font-family: Arial, sans-serif;
 }

 .pacifico-regular {
     font-family: "Pacifico", cursive;
     font-weight: 400;
     font-style: normal;
 }

 video{
    height: 100%;
    width: 100%;
    filter: blur(3px);
    position: fixed;
    z-index: -1;
    object-fit: cover;
    object-position: center;
 }


 body {
     height: 100%;
     width: 100%;
     color: white;
 }

 nav {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px 50px;
     backdrop-filter: blur(5px);
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
 }

 .icon{
    height: 3rem;
    object-fit: contain;
    object-position: center;
 }

 .logo {
     text-align: center;
     font-size: 22px;
     font-weight: bold;
     color: #FFF7ED;
 }

 ul {
     list-style: none;
     display: flex;
 }

 ul li {
     margin: 0 15px;
 }

 ul li a {
     text-decoration: none;
     color: white;
     font-size: 18px;
     transition: 0.3s;
 }

 ul li a:hover {
     color: cyan;
 }


 /* Responsive */
 @media (max-width: 768px) {
     nav {
         flex-direction: column;
     }

     ul {
         margin-top: 10px;
     }
 }

 .main-section {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
     margin-bottom: 80px;
 }





 .social-media {
     position: sticky;
     z-index: 2;
     left: 86vw;
     top: 86vh;
     height: 25px;
     width: 32px;
     box-sizing: content-box;

 }

 .social-media img {
     margin: 0.5px;
     padding: 1px;
     height: 22px;
     width: 29px;
     z-index: 2;
     object-fit: cover;
     object-position: center;
     cursor: pointer;
     animation: ease;
 }

 .social-media img:hover{
    transform: scale(1.5);
 }


  .social-media2 {
     position: sticky;
     z-index: 2;
     left: 86vw;
     top: 70vh;
     height: 25px;
     width: 32px;
     box-sizing: content-box;

 }

  .social-media2 img {
     margin: 0.5px;
     padding: 1px;
     height: 22px;
     width: 29px;
     z-index: 2;
     object-fit: cover;
     object-position: center;
     cursor: pointer;
     animation: ease;
 }

  .social-media2 img:hover{
    transform: scale(1.5);
 }





 .content-box {
     margin: 15px;
     height: 29rem;
     width: 20rem;
     backdrop-filter: blur(7px);
     text-align: center;
 }

 .content-box img {
     margin: 75px 75px 20px 75px;
     object-fit: cover;
     object-position: top;
     height: 13rem;
     width: 12rem;
 }

 .content-box h1 {
     text-align: center;
     font-size: 1rem;
 }

 .content-box p {
     color: #a69090;
     margin-top: 5px;
     text-align: center;
     font-size: 0.8rem;
 }


 .footer-section {
     text-align: center;
     backdrop-filter: blur(5px);
     height: 15rem;
     width: 100%;
     padding: 30px 0px 40px 0px;
     display: flex;
     justify-content: space-evenly;
 }

 .footer_column {
     display: flex;
     flex-direction: column;
 }

 .footer_column h3 {
     color: #fff;
     font-size: 12px;
     font-weight: 700;
     margin-bottom: 25px;
 }

 .footer_column a {
     color: #fff;
     font-size: 15px;
     text-decoration: none;
     padding-bottom: 5px;
 }