@import"https://fonts.googleapis.com/css2?family=Tagesschrift&display=swap";@import"https://fonts.googleapis.com/css2?family=Epunda+Slab:ital,wght@0,300..900;1,300..900&display=swap";.footer{position:relative;max-height:420px;background:#495e57;border-top:20px solid #f4ce14;color:#fff;padding:40px 60px 0}.footer-container{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;height:100%}.footer-logo{display:flex;align-items:center;gap:10px;font-size:40px;margin-top:50px}.footer-logo h3{font-family:Tagesschrift,sans-serif;color:#f4ce14}.footer-logo img{width:30px;height:30px}.footer-links h4,.footer-contact h4,.footer-social h4{font-family:Tagesschrift,sans-serif;font-size:30px;color:#f4ce14}.footer-contact,.footer-social{margin-left:40px}.footer-links ul,.footer-social ul{list-style:none;padding:0}.footer-links li,.footer-social li{font-family:Embed code,serif;margin:10px 0;cursor:pointer;font-size:20px}.footer-links li:hover,.footer-social li:hover{color:#f4ce14}.footer-contact p{font-family:Embed code,serif;font-size:20px}.footer-social a{text-decoration:none;color:#fff}.footer-social a:hover{color:#f4ce14}.footer-bottom{text-align:center;margin-top:35px;font-size:14px;color:#f4ce14}.navbar{display:flex;width:100%;height:100px;justify-content:space-between;align-items:center;text-align:center;padding:20px 60px;background:#fff}.logo a{display:flex;align-items:center;font-family:Tagesschrift,sans-serif;font-weight:700;font-size:35px;color:#ecc607}.logo img{margin-right:10px;width:30px;height:30px}.nav-links{list-style:none;display:flex;cursor:pointer;gap:40px;font-weight:600;font-size:25px}nav li:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background-color:#fff;transition:width .4s ease;transform:translate(-50%)}.nav-links li{position:relative}.nav-links li:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background-color:#495e57;transition:width .4s ease,left .4s ease;transform:translate(-50%)}.nav-links li:hover{color:#495e57}.nav-links li:hover:after{width:100%}body{font-family:Arial,sans-serif;margin:0;padding:0}.main{max-width:1440px;max-height:100%}.hero{display:flex;width:100%;max-height:400px;justify-content:space-between;align-items:center;background:#495e57;color:#fff;padding:60px}.hero-text{display:grid;max-width:400px;height:280px}.hero-text h1{font-family:Tagesschrift,sans-serif;color:#f4ce14;font-size:70px;height:100px;margin:0}.hero-text h2{font-family:Tagesschrift,sans-serif;font-size:40px;margin:0 0 10px}.hero-text p{font-family:Embed code,serif;font-size:16px;margin-bottom:20px}.hero-text a{position:relative;left:110px;max-width:180px;background-color:#ecc607;border:none;padding:12px 20px;font-weight:700;cursor:pointer;border-radius:6px;box-shadow:inset 3px 3px 1px #ebf702,inset -3px -3px 1px #8f8801}.hero-text a:hover{background-color:#ffd60a;box-shadow:0 0 15px #ebf702;transition:all .8s ease}.hero-text a:active{background-color:#d4b204;transition:all .2s ease;box-shadow:none}.hero-img img{height:450px;width:450px;border-radius:20px;object-fit:cover;position:absolute;top:150px;right:200px}.specials{padding:160px 70px}.specials-header{display:flex;justify-content:space-between;align-items:center}.specials-header h2{font-family:Tagesschrift,sans-serif;font-weight:500;font-size:50px;margin:0}.yellow-btn{background:#ecc607;color:#fff;border:none;padding:10px 20px;font-weight:700;cursor:pointer;border-radius:6px;box-shadow:-3px -3px 1px #ebf702,inset -3px -3px 1px #8f8801}.yellow-btn:hover{background-color:#ffd60a;box-shadow:0 0 15px #ebf702;transition:all .6s ease}.yellow-btn:active{background-color:#d4b204;transition:all .2s ease;box-shadow:none}.cards{display:flex;gap:20px;margin:50px 0}.card{border-radius:10px;overflow:hidden;height:600px;flex:1;box-shadow:0 4px 6px #0000004d,2px 0 6px #0000001a,-2px 0 6px #0000001a}.card:hover{transform:scale(1.07);transition:all .5s ease;box-shadow:0 8px 3px #0000004d,2px 0 3px #0000001a,-2px 0 3px #0000001a}.card img{width:100%;height:230px;object-fit:cover}.card-body{padding:20px}.card-title{display:flex;justify-content:space-between;align-items:center;font-size:22px}.card-title h3{font-family:Tagesschrift,sans-serif;font-size:22px;margin:0}.price{color:red;font-weight:700}.card p{font-family:Embed code,serif;font-size:17px;margin:15px 0;text-align:left}.card a{font-family:Embed code,serif;font-size:19px;text-decoration:none;font-weight:700;color:#000}.card a:hover{color:#495e57}.main{position:relative;max-width:1440px}.hero2{position:relative;height:600px;background-position:center;background-image:url(https://images.unsplash.com/photo-1600891964599-f61ba0e24092);background-size:cover;background-attachment:fixed;padding:120px 60px 60px;z-index:1}.background-color{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:60%;pointer-events:none;z-index:-1}.hero2 h1{z-index:1;font-family:Tagesschrift,sans-serif;font-size:100px;color:#f4ce14;font-weight:700}.hero2 h2{z-index:1;font-family:Tagesschrift,sans-serif;font-size:70px;color:#fff;position:relative;top:-10px}.hero2 p{z-index:1;font-family:Embed code,serif;font-size:30px;color:#fff;margin-top:15px}.reservation{width:100%;height:1070px;border-top:20px solid #ecc607}.table-container{overflow:hidden;position:relative;width:100%;height:1050px;padding:0 80px;background-position:center;background-size:cover;background-image:url(/assets/table-inside-CvOBU9cJ.jpg);background-attachment:fixed;align-items:center;justify-content:center;z-index:1}.table-container>h1{top:0;position:relative;color:#495e57;background-color:#ecc607;font-family:Tagesschrift,sans-serif;font-size:70px;left:390px;width:400px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:1}.reservation-container{background-color:#495e57;border-radius:12px;width:700px;height:620px;top:150px;left:-30px;position:relative;display:grid;padding:30px 20px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);grid-column-gap:65px;grid-row-gap:70px}.date-container{position:relative;width:80px;height:70px;justify-content:left;align-items:left}.date-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;color:#f4ce14}.date-container .date{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.date-container .date:focus{box-shadow:0 0 15px #ecc607}.time-container{position:relative;width:80px;height:70px;justify-content:left;align-items:left}.time-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;color:#f4ce14}.time-container .time{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.time-container .time:focus{box-shadow:0 0 15px #ecc607}.guests-container{position:relative;width:300px;height:70px;justify-content:left;align-items:left}.guests-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;color:#f4ce14}.guests-container .guests{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.guests-container .guests:focus{box-shadow:0 0 15px #ecc607}.occasion-container{position:relative;width:150px;height:70px;justify-content:left;align-items:left}.occasion-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;color:#f4ce14}.occasion-container .occasion{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.occasion-container .occasion:focus{box-shadow:0 0 15px #ecc607}.location-container{position:relative;width:150px;height:70px;justify-content:left;align-items:left}.location-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;color:#f4ce14}.location-container .location{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.location-container .location:focus{box-shadow:0 0 15px #ecc607}.number-of-table-container{position:relative;width:260px;height:70px;justify-content:left;align-items:left}.number-of-table-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;text-align:left;color:#f4ce14}.number-of-table-container .table{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.number-of-table-container .table:focus{box-shadow:0 0 15px #ecc607}.reservation-container button{width:400px;height:80px;position:absolute;color:#fff;top:500px;left:150px;background-color:#ecc607;border:none;padding:12px 20px;font-size:30px;font-weight:700;cursor:pointer;border-radius:12px;box-shadow:inset 5px 5px 1px #ebf702,inset -5px -5px 1px #8f8801}.reservation-container button:hover{background-color:#ffd60a;box-shadow:0 0 15px #ebf702;transition:all .8s ease}.reservation-container button:active{background-color:#d4b204;transition:all .2s ease;box-shadow:none}.reservation-container button:disabled{background-color:#d4b204;transition:all .2s ease;box-shadow:none}.table-container2{overflow:hidden;position:relative;width:100%;height:1050px;padding:0 80px;background-position:center;background-size:cover;background-image:url(/assets/table-inside-CvOBU9cJ.jpg);background-attachment:fixed;align-items:center;justify-content:center;z-index:1}.table-container2>h1{top:0;position:relative;color:#495e57;background-color:#ecc607;font-family:Tagesschrift,sans-serif;font-size:70px;text-align:left;left:350px;width:490px;padding-left:20px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:1}.reservation-container{background-color:#495e57;border-radius:12px;width:700px;height:620px;top:150px;left:-30px;position:relative;display:grid;padding:30px 20px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);grid-column-gap:70px;grid-row-gap:70px}.part-of-logo{width:500px;height:200px;top:-320px;left:700px;position:relative}.part-of-logo h1{font-family:Tagesschrift,sans-serif;color:#f4ce14;font-size:80px;height:100px;margin:0}.part-of-logo h2{font-family:Tagesschrift,sans-serif;color:#fff;font-size:50px;margin:0 0 10px}.part-of-logo p{color:#fff;font-family:Embed code,serif;font-size:20px}.first-name-container{position:relative;width:180px;height:70px;justify-content:left;align-items:left}.first-name-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;color:#f4ce14}.first-name-container .first_name{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.first-name-container .first_name:focus{box-shadow:0 0 15px #ecc607}.last-name-container{position:relative;width:170px;height:70px;justify-content:left;align-items:left}.last-name-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;color:#f4ce14}.last-name-container .last_name{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.last-name-container .last_name:focus{box-shadow:0 0 15px #ecc607}.email-container{position:relative;width:100px;height:70px;justify-content:left;align-items:left}.email-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;color:#f4ce14}.email-container .email{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.email-container .email:focus{box-shadow:0 0 15px #ecc607}.phone-container{position:relative;width:100px;height:70px;justify-content:left;align-items:left}.phone-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;color:#f4ce14}.phone-container .phone{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.phone-container .phone:focus{box-shadow:0 0 15px #ecc607}.expire-date-container{position:relative;width:200px;height:70px;justify-content:left;align-items:left}.expire-date-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;color:#f4ce14}.expire-date-container .expire_date{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.expire-date-container .expire_date:focus{box-shadow:0 0 15px #ecc607}.cvv-container{position:relative;width:80px;height:70px;justify-content:left;align-items:left}.cvv-container label{position:relative;font-family:Tagesschrift,sans-serif;font-size:35px;text-align:left;color:#f4ce14}.cvv-container .cvv{margin-left:10px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:3px solid #495e57;outline:none;padding:0 20px;border:3px solid #f4ce14}.cvv-container .cvv:focus{box-shadow:0 0 15px #ecc607}.next{width:400px;height:80px;position:absolute;color:#fff;top:500px;left:150px;background-color:#ecc607;border:none;padding:12px 20px;font-size:30px;font-weight:700;cursor:pointer;border-radius:12px;box-shadow:inset 5px 5px 1px #ebf702,inset -5px -5px 1px #8f8801}.next:hover{background-color:#ffd60a;box-shadow:0 0 15px #ebf702;transition:all .8s ease}.next:active{background-color:#d4b204;transition:all .2s ease;box-shadow:none}.error{color:red;font-family:Embed code,serif;font-size:18px;position:relative;text-align:left;left:35px;width:200px}.input-error{margin-left:8px;font-size:22px;font-family:Embed code,serif;width:280px;height:50px;border-radius:12px;border:2px solid red;outline:none;padding:0 20px}.confirmed-container{position:relative;width:100%;height:1700px;border-top:20px solid #f4ce14;background-position:center;background-image:url(/assets/table-5veXVKIX.jpg);background-size:cover;background-attachment:fixed;display:grid;grid-template-rows:repeat(2,850px);z-index:1}.title h1{position:relative;z-index:1;font-family:Tagesschrift,sans-serif;font-size:70px;top:200px;color:#f4ce14;font-weight:700}.title h2{position:relative;z-index:1;font-family:Tagesschrift,sans-serif;font-size:43px;top:200px;color:#fff}.confirmed-icon{width:350px;height:350px;left:37%;top:160px;background-color:#fff;border-radius:50%;position:relative;overflow:hidden}.datas{position:relative;border-radius:12px;background-color:#495e57;height:550px;width:800px;left:273px;border-top:20px solid #f4ce14;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:50px 1fr;grid-row-gap:50px;padding-left:50px}.datas h2{grid-column:1 / span 2;position:relative;background-color:#f4ce14;font-size:28px;font-weight:700;font-family:Tagesschrift,sans-serif;border-bottom-left-radius:12px;border-bottom-right-radius:12px;width:250px;left:33%}.booking,.booking-details{position:relative;align-items:left;display:flex;justify-content:left}.booking-details{margin-left:15px}.datas li{position:relative;list-style:none;text-align:left;margin-bottom:20px;font-family:Embed code,serif;font-size:28px;color:#fff;font-weight:700}.last-name{margin-left:8px}.datas .sign{color:#f4ce14;font-family:Tagesschrift,sans-serif;font-weight:700;font-size:32px;margin-right:15px}.button{position:relative;background-color:#ecc607;font-family:Tagesschrift,sans-serif;color:#fff;max-width:800px;max-height:500px;border-radius:12px;font-size:65px;height:100px;width:400px;margin-top:60px;box-shadow:inset 7px 7px 1px #ebf702,inset -7px -7px 1px #8f8801}.button:hover{background-color:#ffd60a;box-shadow:0 0 30px #ebf702;transition:all .8s ease}.button:active{background-color:#d4b204;transition:all .2s ease;box-shadow:none}#root{max-width:100%;text-align:center}