*{font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif}.accent-word{color:#17bdff}.icon-accent{color:#17bdff}.legal-text{color:#000000;font-weight:200}.link-styled{text-decoration:none;color:#ffffff;font-weight:400;word-break:break-word}.navbar-outer{align-items:center;background-color:#ffffff;z-index:1000;width:100%;position:fixed}#nav_placeholder{height:65px}.topnav{margin:0 auto;max-width:1170px;overflow:hidden;padding-left:1rem;padding-right:1rem}#logo{float:left;height:55px;padding:5px 0;display:inline !important}#logo img{height:inherit;margin:0 auto;border-radius:10px}#links{float:right;text-align:center}.topnav a{line-height:65px;color:#000000;text-decoration:none;font-size:1rem;font-weight:200;transition:font-weight 0.3s ease}.nav-link{padding:0 1rem 0 1rem}.topnav a.active-nav{color:#17bdff}.topnav .icon{display:none;margin-right:1rem}.link-block{display:block !important}@media (max-width: 794px){#optional-link{display:none}}@media screen and (max-width: 720px){.topnav a{font-size:1.5rem;display:none}.topnav a.icon{float:right;display:inline}#links{margin-top:65px;float:none;transition:transform 0.4s ease-in-out}.topnav.responsive{position:relative}.topnav.responsive #links{transform:translateX(0%)}.topnav.not-responsive #links{transform:translateX(100%)}.topnav.responsive a.icon{position:absolute;right:1rem;top:0}.topnav.topnav.responsive a{display:block}}.outer-container{max-width:1170px;margin:auto}.container{display:grid;grid-template-columns:1fr 1fr 1fr 0.1fr}ul{list-style:none;padding:0;margin:0}.footer{background-color:#ffffff;padding:30px 0 60px 0}.footer-col{max-width:150px;padding:0 5px;width:300px}.footer-col h4{font-size:14px;color:#000000;margin-bottom:30px;font-weight:500;position:relative;display:inline-block}.footer-col h4::before{content:'';position:absolute;left:0;bottom:-10px;background-color:#17bdff;height:2px;box-sizing:border-box;width:100%}.footer-col ul li:not(:last-child){margin-bottom:10px}.footer-col ul li a{font-size:14px;text-decoration:none;font-weight:300;color:#000000;display:block;transition:all 0.3s ease}.footer-col ul li a:hover{padding-left:8px}.footer-col .social-links a{display:inline-block;height:40px;width:40px;background-color:#DFDFDF;margin:0 10px 10px 0;font-size:18px;text-align:center;line-height:40px;border-radius:50%;color:#000000;transition:all 0.5s ease}#social-links-last{margin-right:0}.footer-col .social-links a:hover{color:#DFDFDF;background-color:#111111}@media (max-width: 1234px){.outer-container{max-width:1234px}#footer-col-1{margin-left:2rem}#footer-col-4{margin-right:2rem}}@media (max-width: 740px){.container{padding-inline:0.5rem}#footer-col-1{margin-left:0}#footer-col-4{margin-right:0}}@media (max-width: 658px){.container{grid-template-columns:1fr 0.1fr;margin-inline:10%}}@media (max-width: 405px){.container{margin-inline:5%}}@media (max-width: 360px){.container{margin-inline:0%}}.cookies-bar{z-index:999;min-height:7rem;position:sticky;bottom:0;padding:0px 10px 5px 10px;border-top:2px solid #000000;border-bottom:none;background-color:#000000;text-align:center}.cookies-bar p{font-size:1rem;margin-right:1rem}.cookies-bar .btn{padding:10px 20px;display:inline !important;font-size:1rem}.cookies-bar .btn.btn2{margin-left:1rem}@media (min-width: 768px){.cookies-bar{min-height:5rem;display:flex;align-items:center;justify-content:center;margin:0 auto;padding-bottom:0}.cookies-bar p{padding-bottom:0}.cookies-bar .btn{padding:10px 20px}}@media (max-width: 348px){.cookies-bar{min-height:7.5rem}}.button-standard{height:auto;width:auto;background:transparent;border:2px solid #17bdff;padding:1rem 2.5rem;font-weight:300;font-size:large;transition:all 0.2s ease-in-out;color:#17bdff;cursor:pointer}.button-standard a{color:#17bdff;text-decoration:none}.legal-container{background:#DFDFDF;padding:20px;margin:0 auto 20px auto;max-width:700px;border-radius:5px;box-shadow:0 0 10px #666666;align-content:center}.outer-container{margin:0 10rem}.inner-container{max-width:1600px;margin:0 auto}#home{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}#home .home-inner{display:flex;flex-direction:column;align-items:center;padding-bottom:10rem;gap:2rem}#home .home-inner h1{color:#ffffff;font-size:64px}#home .home-inner h2{color:#ffffff;margin:0 0 1rem 0}#home .home-inner ul{list-style:circle}#home .home-inner ul li{color:#ffffff;font-size:24px;max-width:40rem}#home .home-inner a{color:#c2eeff;font-size:24px;text-decoration:none}#home .home-inner a:hover{color:#17bdff}.custom-form{max-width:45%}.custom-input{resize:none}.form-group textarea,.form-group input,.form-group .send-button-custom{width:280px}.send-button-custom{border:0.125rem solid #17bdff;color:#17bdff;padding:1rem 3rem;transition:all 0.2s ease-in-out;cursor:pointer}.send-button-custom:hover{background-color:#17bdff;color:#ffffff}#status-message{width:280px;margin-bottom:0}.button-privacy-notice-container{display:flex;flex-direction:column;gap:1rem}.button-privacy-notice-container .button-privacy-notice-container-inner{display:flex;gap:1rem}.button-privacy-notice-container #optional-cookies-2{display:none}@media all and (max-width: 720px){.button-privacy-notice-container .button-privacy-notice{padding:10px 20px}}@media all and (max-width: 520px){.button-privacy-notice-container #optional-cookies-1{display:none}.button-privacy-notice-container #optional-cookies-2{display:block}}#oceanbyte-tools{padding:2rem;max-width:900px;margin:0 auto}#oceanbyte-tools .buttons{margin:2rem 0;display:flex;flex-wrap:wrap;gap:0.5rem}#oceanbyte-tools .buttons button.selected{color:#17bdff}#oceanbyte-tools .text h2{margin-top:0;color:#ffffff}#oceanbyte-tools .text .text-edit .edit-buttons{display:flex;gap:0.5rem;margin-top:1rem}#oceanbyte-tools .text .text-edit.hide{display:none}#oceanbyte-tools .text .text-content{max-width:60rem;display:flex;flex-direction:column;align-items:start;gap:0.5rem}#oceanbyte-tools .text .text-content span{width:5rem;border-bottom:#ffffff solid 1px;margin:0.75rem 0}#oceanbyte-tools .text .text-content .line{margin:0}#oceanbyte-tools .text .text-content .line i{font-style:normal;font-size:1rem;color:#ffffff;transition:all 0.2s}#oceanbyte-tools .text .text-content .line i.active{background-color:#c2eeff;color:#000000;font-size:1.5rem}#oceanbyte-tools .text .text-content.hide{display:none}#oceanbyte-tools .text.hide{display:none}#oceanbyte-tools .writing-thingy-form{display:flex;flex-direction:column;gap:1rem}#oceanbyte-tools .writing-thingy-form .section{display:flex;gap:1rem;overflow:hidden;border-radius:2rem}#oceanbyte-tools .writing-thingy-form .section input[type=text]{min-width:0;width:-webkit-fill-available;font-size:16px;border:none;background-color:#c2eeff;padding:0.5rem 1rem;border-radius:2rem;color:#000000}#oceanbyte-tools .writing-thingy-form .section textarea{width:-webkit-fill-available;resize:none;font-size:16px;border:none;background-color:#c2eeff;padding:1rem 1rem;border-radius:2rem;color:#000000}#oceanbyte-tools .writing-thingy-form .section textarea::-webkit-scrollbar{width:10px}#oceanbyte-tools .writing-thingy-form .section textarea::-webkit-scrollbar-thumb{border-radius:5px;background-color:#2d4883;outline:none}.tools-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tools-nav .title{display:flex;align-items:center;gap:1rem}.tools-nav .title a i{font-size:28px;color:#17bdff}.tools-nav .title a:hover i{color:#ffffff}.tools-nav .title h1{color:#ffffff;margin:0}.tools-nav .settings-button{cursor:pointer;font-size:18px;font-weight:300;color:#17bdff}.tools-nav h2{margin-top:0}.tools-nav .popup .popup-inner-sections{display:flex;gap:2rem}.tools-nav .popup .popup-inner-sections span.vr{border-right:2px solid #2d4883}.tools-nav .popup .popup-inner-sections .info,.tools-nav .popup .popup-inner-sections .nav-buttons{display:flex;flex-direction:column;gap:0.5rem;margin:0}.tools-nav .popup .popup-inner-sections .info h3,.tools-nav .popup .popup-inner-sections .info p,.tools-nav .popup .popup-inner-sections .nav-buttons h3,.tools-nav .popup .popup-inner-sections .nav-buttons p{margin:0}.devise-outer{height:100vh;display:flex;flex-direction:column;justify-content:center}.devise-outer .devise{width:100vw;display:flex;justify-content:center}.devise-outer .devise .devise-inner{background-color:#c2eeff;width:20rem;border-radius:2rem;padding:3rem;display:flex;flex-direction:column;gap:1rem}.devise-outer .devise .devise-inner h3{margin-bottom:0.5rem}.devise-outer .devise .devise-inner form{display:flex;flex-direction:column;gap:1rem}.devise-outer .devise .devise-inner .field{display:flex;flex-direction:column;gap:0.5rem}.devise-outer .devise .devise-inner .field input[type=text],.devise-outer .devise .devise-inner .field input[type=email],.devise-outer .devise .devise-inner .field input[type=password],.devise-outer .devise .devise-inner .field input[type=password_confirmation]{min-width:0;width:-webkit-fill-available;font-size:16px;border:none;background-color:#ffffff;padding:0.5rem 1rem;border-radius:2rem;color:#000000}.devise-nav{width:100vw;position:absolute;top:0;left:0;height:3rem;background-color:#2d4883;display:flex;justify-content:center;align-items:center}.devise-nav .devise-nav-inner{max-width:900px;width:900px}.devise-nav .devise-nav-inner .home{font-size:20px;color:#ffffff}.devise-nav .devise-nav-inner .home:hover{color:#17bdff}html{height:100%;scroll-behavior:smooth}body{background-color:#000000;font-family:'Arial';font-weight:100;margin:0;animation:fadeInAnimation ease 1s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeInAnimation{0%{opacity:0}100%{opacity:1}}h1{font-size:32px;color:#000000}h2{font-size:24px;color:#000000}h3{font-size:18px;font-weight:400;color:#000000}h4{font-size:16px;font-weight:400;color:#000000}p{color:#000000}a{text-decoration:none;color:#000000}a:hover{text-decoration:none;color:#17bdff}.button{font-size:16px;border:none;background-color:#2d4883;padding:0.5rem 1rem;border-radius:2rem;color:#ffffff;cursor:pointer;width:fit-content}.button:hover{color:#17bdff}.button.delete{background-color:#940000}.button.delete:hover{color:#ffd1d1}.popup{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:999999;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center}.popup.hide{display:none}.popup .popup-inner{position:relative;background-color:#c2eeff;padding:1rem;border-radius:1rem}.popup .popup-inner .close-button{position:absolute;right:-7px;top:-7px;width:1.5rem;height:1.5rem;border-radius:1rem;background-color:#2d4883;color:#ffffff;display:flex;justify-content:center;align-items:center;cursor:pointer}.popup .popup-inner .close-button i{margin-right:1px}.popup .popup-inner .close-button:hover i{color:#c2eeff}