.navbar[data-v-078ff47a]{position:relative;background-color:#09c;padding:0;margin:0;width:100%}.logo-svg[data-v-078ff47a]{width:60px}.container[data-v-078ff47a]{display:flex;justify-content:space-between;align-items:center;max-width:3000px;margin:0 10px;padding:0 20px}.logo[data-v-078ff47a]{font-size:24px;font-weight:700;text-decoration:none;color:#fff}nav ul[data-v-078ff47a]{display:flex}nav ul li[data-v-078ff47a]{margin-right:20px}nav ul li[data-v-078ff47a]:last-child{margin-right:0}nav ul li a[data-v-078ff47a]{text-decoration:none;color:#fff;font-weight:700}nav ul li a[data-v-078ff47a]:hover{color:#000}#app{margin:-8px -8px auto}.frontpage-h1[data-v-20ed7da7]{font-size:36px;text-align:center}.article-title[data-v-20ed7da7]{display:grid;place-items:center}.article-name[data-v-20ed7da7]{font-size:30px;text-align:center;font-style:italic;max-width:1200px}.article-name[data-v-20ed7da7]:hover{color:#09c}a[data-v-20ed7da7]{text-decoration:none;color:inherit}.frontpage-container[data-v-20ed7da7]{display:grid;grid-template-columns:30% 70%;width:75%;margin:auto}.right[data-v-20ed7da7]{text-align:center}.frontpage-entrance[data-v-20ed7da7]{font-size:20px;margin-top:25px}.frontpage-entrance[data-v-20ed7da7]:hover{color:#09c}.image-link[data-v-20ed7da7]{text-decoration:none;color:inherit}.image[data-v-20ed7da7]{max-width:100%;height:auto;position:relative}.image_front[data-v-20ed7da7]{max-width:120%;height:auto;position:relative}.hover-text[data-v-20ed7da7]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#fff;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.image:hover .hover-text[data-v-20ed7da7]{opacity:1}.gene-input-lines-div{margin-top:45px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:310px}.multilineInput{width:300px;margin-top:20px;margin-bottom:10px;border:1px solid #09c;border-radius:4px;font-size:18px;font:700}.upload_button{display:inline-block;padding:10px 20px;font-size:10px;font-weight:700;text-align:center;text-decoration:none;border-radius:4px;color:#fff;background-color:#09c;border:2px solid #09c;transition:background-color .3s ease,color .3s ease;cursor:pointer}.upload_button:hover{background-color:#038ebc;border-color:#038ebc}.upload_button:active{background-color:#09c;border-color:#09c}.upload_button:focus{outline:none;box-shadow:0 0 4px rgba(0,0,0,.3)}.round-button{display:inline-block;width:38px;height:38px;padding:0;border-radius:50%;font-size:10px;font-weight:700;text-align:center;text-decoration:none;color:#fff;background-color:#09c;border:2px solid #09c;line-height:34px;transition:background-color .3s ease,border-color .3s ease,color .3s ease;cursor:pointer;margin-left:170px}.round-button:hover{background-color:#038ebc;border-color:#038ebc}.round-button:active{background-color:#09c;border-color:#09c}.round-button:focus{outline:none;box-shadow:0 0 4px rgba(0,0,0,.3)}.round-button[disabled]{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.toggle{cursor:pointer;display:inline-block}.toggle-switch{display:inline-block;background:#ccc;border-radius:16px;width:50px;height:32px;margin-left:5px;position:relative;vertical-align:middle;transition:background .25s}.toggle-switch:after,.toggle-switch:before{content:""}.toggle-switch:before{display:block;background:linear-gradient(180deg,#fff 0,#eee);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);width:24px;height:24px;position:absolute;top:4px;left:4px;transition:left .25s}.toggle:hover .toggle-switch:before{background:linear-gradient(180deg,#fff 0,#fff);box-shadow:0 0 0 1px rgba(0,0,0,.5)}.toggle-checkbox:checked+.toggle-switch{background:#56c080}.toggle-checkbox:checked+.toggle-switch:before{left:22px}.toggle-checkbox{position:absolute;visibility:hidden}.toggle-label{margin-left:5px;position:relative;top:0;font-size:10px;font-weight:700;display:inline-block;height:14px}.toggle-div{border:2px solid #09c;transition:background-color .3s ease,color .3s ease;border-radius:4px;padding:1px 4px;position:relative;top:-1px;left:163px}.demo-button,.toggle-div{display:inline-block;background-color:#09c;color:#fff;font-size:10px;font-weight:700}.demo-button{position:absolute;width:38px;height:38px;padding:0;right:0;border-radius:50%;text-align:center;text-decoration:none;border:2px solid #09c;line-height:34px;transition:background-color .3s ease,border-color .3s ease,color .3s ease;cursor:pointer}.demo-button:hover{background-color:#fff;border-color:#09c;color:#09c}.demo-button:after{content:"Demo"}.demo-button:hover:after{content:"▼"}.sample-container{height:auto}.sample_function1{width:20%;border:1px solid #ccc;border-radius:5px;text-align:center;float:left;margin-left:2%}.sample_function1:hover{background-color:#0b536a}.function1_indent1{width:80%;margin:30% 8%}.function1_indent2{margin-top:10%;width:80%;margin-left:8%}.clear{clear:both}.sample-container{margin:0 auto;position:relative;width:90%}.sample_function2{width:25%;border:1px solid #ccc;border-radius:5px;text-align:center;float:left;margin-left:4%}.indent{float:left;width:10%;margin-top:20px}.sample_function2:hover{background-color:#0b536a}.indent_image{width:90%;margin:0 5%}.function2_indent{margin-top:20%}.step-two{clear:both;margin:0 auto}.image_container1_2{height:2000px}.gene-div-description{margin-bottom:20px}.gene-container{height:50px;width:80%;margin:0 auto;position:relative;margin-top:10px}.gene-div{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-container-gene{margin:0 auto;margin-top:10px}.image-container,.image-container-gene{height:500px;position:relative;border:2px solid #09c;border-radius:20px;-o-object-fit:contain;object-fit:contain;text-align:center;width:80%}.image-container{margin:0 auto;margin-top:120px}.image{max-height:100%;max-width:100%;height:auto;width:auto}#wrap{text-align:center;vertical-align:top;position:absolute;top:0;right:0}.btn-slide{position:relative;display:inline-block;height:25px;width:80px;line-height:25px;padding:0;border-radius:25px;background:#fdfdfd;border:1px solid #09c;margin:5px;transition:.5s}.btn-slide:hover{background-color:#09c}.btn-slide:hover span.circle{left:100%;margin-left:-22px;background-color:#fdfdfd;color:#09c}.btn-slide:hover span.title{left:20px;opacity:0}.btn-slide:hover span.title-hover{opacity:1;left:15px}.btn-slide span.circle{display:block;background-color:#09c;color:#fff;position:absolute;float:left;margin:2px;line-height:21px;height:20px;width:20px;top:0;left:0;transition:.5s;border-radius:50%}.btn-slide span.title,.btn-slide span.title-hover{position:absolute;left:30px;text-align:center;margin:0 auto;font-size:8px;font-weight:700;color:#30abd5;transition:.5s}.btn-slide span.title-hover{left:20px;opacity:0;color:#fff}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:4px solid rgba(0,0,0,.3);border-top:4px solid #09c;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;margin-left:-20px;margin-top:-20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.custom-input{border:2px solid #09c;padding:10px;border-radius:5px;outline:none;font-size:14px;transition:border-color .3s ease}.custom-input::-moz-placeholder{color:#aaa}.custom-input::placeholder{color:#aaa}.custom-input:focus{border-color:#038ebc}.custom-button{background-color:#09c;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .3s ease;margin-left:10px}.custom-button:hover{background-color:#038ebc}.custom-h1{font-size:30px;color:#002531;letter-spacing:2px;margin-left:20px;margin-top:20px}.custom-h2{font-size:24px;color:#242424;font-weight:700;margin:30px auto 10px auto;width:80%}.whole-container{width:90%;margin:0 auto}.header{border-bottom:1.5px solid #09c}.h1-color{color:#09c}.function_description p{font-weight:700;font-size:1em}