* {    box-sizing: border-box;}.responsive {    width: 100%;    height: auto;}.row:after {    content: "";    clear: both;    display: table;}[class*="col-"] {    float: left;    padding: 15px;    width: 100%;}@media only screen and (min-width: 600px) {    .col-s-1 {width: 8.33%;}    .col-s-2 {width: 16.66%;}    .col-s-3 {width: 25%;}    .col-s-4 {width: 33.33%;}    .col-s-5 {width: 41.66%;}    .col-s-6 {width: 50%;}    .col-s-7 {width: 58.33%;}    .col-s-8 {width: 66.66%;}    .col-s-9 {width: 75%;}    .col-s-10 {width: 83.33%;}    .col-s-11 {width: 91.66%;}    .col-s-12 {width: 100%;}}@media only screen and (min-width: 768px) {    .col-1 {width: 8.33%;}    .col-2 {width: 16.66%;}    .col-3 {width: 25%;}    .col-4 {width: 33.33%;}    .col-5 {width: 41.66%;}    .col-6 {width: 50%;}    .col-7 {width: 58.33%;}    .col-8 {width: 66.66%;}    .col-9 {width: 75%;}    .col-10 {width: 83.33%;}    .col-11 {width: 91.66%;}    .col-12 {width: 100%;}}html {    font-family: "Lucida Sans", sans-serif;}.header {    background-color: #9933cc;    color: #ffffff;    padding: 15px;}.menu ul {    list-style-type: none;    margin: 0;    padding: 0;}.menu li {    padding: 8px;    margin-bottom: 7px;    background-color :#33b5e5;    color: #ffffff;    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}.menu li:hover {    background-color: #0099cc;}.aside {    background-color: #33b5e5;    padding: 15px;    color: #ffffff;    text-align: center;    font-size: 14px;    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}.footer {    background-color: #0099cc;    color: #ffffff;    text-align: center;    font-size: 12px;    padding: 15px;}a.z2:link {font-size:28px; font-weight:bold; text-decoration: none; color: #cc4455;}a.z2:hover {font-size: 28px; font-weight:bold; text-decoration:underline; color:#00008B; font-style: italic;}a.z2:active {font-size: 28px; text-decoration:underline; color: #ff0000;}a.z2:visited {font-size: 28px; font-weight:bold; text-decoration: underline; color:#FF4500;}a.z3:link {font-size:24px; font-weight:bold; text-decoration: none; color: yellow;}a.z3:hover {font-size: 24px; font-weight:bold; text-decoration:underline; color:#00008B; font-style: italic;}a.z3:active {font-size: 24px; text-decoration:underline; color: #ff0000;}a.z3:visited {font-size: 24px; font-weight:bold; text-decoration: underline; color:#FF4500;}.hob-bkg {    background-image: url(patern-hob.jpg);    background-repeat: repeat;}.gob-bkg {    background-image: url(patern-gob.jpg);    background-repeat: repeat;}.hotel-bkg {    background-image: url(patern-hotel.jpg);    background-repeat: repeat;}    .gotop {    position: fixed;    bottom: 20px;    right: 20px;    z-index: 1000;}.gotop a {    display: inline-block;    padding: 10px 15px;    background-color: #763e23;    color: white;    text-decoration: none;    border-radius: 5px;    transition: background-color 0.3s;}.gotop a:hover {    background-color: #799f2d;}/* start floating menu         /* Smooth scrolling behavior */        html {            scroll-behavior: smooth;        }        /* Page content styling */        .content {            height: 2000px; /* Demo content height */            padding: 20px;        }        /* Floating menu styles */        .floating-menu {            position: fixed;            bottom: 20px;            right: 20px;            /* background-color: rgba(0, 0, 0, 0.8); */            background-color: #ff7f50;            padding: 15px;            border-radius: 8px;            z-index: 1000;            backdrop-filter: blur(5px);            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);        }        .menu-links {            display: flex;            gap: 15px;            list-style: none;            margin: 0;            padding: 0;        }        .menu-links a {            color: black;            text-decoration: none;            padding: 10px 15px;            border-radius: 5px;            transition: all 0.3s ease;            font-family: Arial, sans-serif;            font-size: 14px;            font-weight: bold;            background-color: rgba(255, 255, 255, 0.4);        }        .menu-links a:hover {            background-color: rgba(255, 255, 255, 0.6);            transform: translateY(-2px);        }        /* Section styling */        section {            min-height: 100vh;            padding: 50px 20px;            font-size: 24px;        }        /* end floating menu