@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap";nav{position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;width:25%;min-height:100vh;background-color:#fff;padding:2rem 1rem 1rem;transition:transform 1s;margin-right:5px;box-shadow:5px 0 10px #0003;z-index:1200}.navbar{transform:translate(-100%)}.nav-btn{position:absolute;transform:translate(38px);top:20px;right:0;width:40px;height:60px;border-top-right-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:center;align-items:center;background-color:#fff;outline:none;border:none;font-size:1rem;padding:5px 10px;cursor:pointer;color:#0e0d0d}.logo{display:block;width:100px;margin:auto;background:transparent}.logo span{text-decoration:none;font-weight:700;font-size:2.5rem;color:#0f0f0f}.logo img{display:block;width:100%;height:100%}.logo-title{text-align:center;text-decoration:none;font-size:1.5rem;font-weight:800}.nav-link{display:flex;align-items:center;color:#111;text-decoration:none;padding:10px 1rem;border-radius:5px;margin-bottom:5px;font-family:Poppins,sans-serif}.nav-link:hover{background-color:#0ce755;color:#000}.nav-link span{margin-left:10px}.nav-top{margin-top:10rem}.mobile-nav{background-color:#eeb10b;width:100%;height:40px;display:none}.mobile-nav-btn{color:#fff;background:transparent;outline:none;border:none;margin:0 10px}@media only screen and (max-width: 768px){nav{width:40%;padding:10px}}@media only screen and (max-width: 450px){.mobile-nav{display:flex;align-items:center}nav{width:70%;top:38px;min-height:calc(100vh - 38px)}.nav-btn{display:none}}.logout{border:none;background-color:transparent}.splash{text-align:center;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/splashCruise.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:100vh}.splashNav{display:flex;justify-content:space-between;position:absolute;color:#fff;z-index:1000;top:20%;right:20%;padding-left:65%}.fa-solid{color:#fff;margin-right:120%}.fa-glass{margin-left:90%}.content{display:flex;justify-content:center;align-items:center;text-align:center;margin:auto 7rem;width:100%;height:60%;background-color:transparent}.splashButton{background-color:#36f46f;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:12px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);z-index:1000}.splashButton:hover{background-color:#e7e7e7;color:#000}.splashTitle{color:#fff;text-align:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:7rem;background-color:transparent}.splashTitle:hover{color:#0e3b43}.splashSubTitle{color:#fff;text-align:center;font-family:Papyrus,fantasy;font-size:3rem;background-color:transparent}.splash-content{color:#fff;background-color:transparent}.paragraph{margin-top:10px;color:#fff;text-align:center;font-family:Brush Script MT,cursive;font-size:1.25rem;background-color:transparent;margin-inline:50px}@media screen and (max-width: 768px){.splashTitle{font-size:40px;margin-bottom:.75rem}.splashSubTitle{font-size:30px;margin-bottom:.75rem}.paragraph{font-size:20px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Open Sans,sans-serif;background-color:#fff}.App{width:100%;height:100vh;background:#fff}.page{flex-basis:100%;display:flex;justify-content:center;align-items:center;transition:margin-left 1s;background-color:#fff}@media only screen and (max-width: 768px){.page-with-navbar{width:100%;margin-left:0}}.wrapper{margin:5rem auto;display:flex;justify-content:center;align-items:center}.container{position:relative;border-radius:20px;padding:20px;background:#fff;box-shadow:0 0 20px #0000001a;margin:2rem;width:80%;height:100%}.brand-title{font-size:2rem;font-weight:800;color:#000;margin:1rem;text-align:center}.form-body{margin:4rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;place-items:center}label{font-size:1rem;font-weight:600;color:#000;margin:1rem}input[type=password],input[type=email],input[type=text],input[type=date]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=submit],.btn{width:100%;background-color:#4caf50;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#45a049}.tour-container{width:75%;height:100%;background:#fff}.title-main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0}.title-main h2{font-size:3rem;font-weight:800;color:#000}.title-main h4{font-size:1.2rem;font-weight:400;color:#a3a2a2}.dot{color:gray;font-size:1.5rem}.tour-wrapper{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;grid-gap:.5rem;flex-wrap:wrap}.card{width:300px;height:550px;background:#fff;margin:1rem;border-radius:5px;box-shadow:0 0 10px #0003;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .5s}.card:hover{transform:scale(1.1)}.card img{width:200px;height:200px;border-radius:50%;object-fit:cover}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0;text-align:center}.content p{font-size:.85rem;font-weight:400;text-align:center}.content h4{margin:0 .5rem}.icons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:1rem 0}.icons i{font-size:1.2rem;color:#a3a2a2;padding:5px}.text-link{color:inherit;text-decoration:inherit;margin-bottom:2rem}.description{text-decoration:none;color:#000;text-align:left}.tour-detail{width:80%;margin:5% auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.back{margin-left:100px}.nav-back{color:#000;text-decoration:none;font-size:20px;font-weight:600;margin-left:5%;margin-top:5%}.tour-image{width:100vh;height:50vh}.reserve-link{display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;font-size:20px;font-weight:600;padding:10px 20px;background-color:#000;border-radius:5px;margin-top:30px}.testingBTN{text-align:center}@media screen and (max-width: 768px){.card{display:block;width:100%;border:none;text-align:center;justify-content:center;align-items:center;height:auto}.tour-wrapper{display:flex;flex-direction:column;text-align:center;justify-content:center}.imgBx{display:flex;border:none;align-items:center}.content{margin:0;justify-content:flex-start}.img{align-self:center}}.btn.btn-primary{margin:3%}.container{justify-content:center;text-align:center;margin:auto;background-color:#fff}.fa-solid.fa-ship{margin:auto auto 15%;font-size:420%;color:#1512bd}.imgBx{text-align:center;justify-content:center;margin:10%}.delete-btn{background:#555;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}