:root{font-family:Arial,Helvetica,sans-serif;margin:0;--color-asi-blue: #1f233e}body{margin:0}button{background-color:#fff;color:var(--color-asi-blue);font-weight:800;height:6.5vh;font-size:16px;border-width:1px;border-radius:6px;padding:5px;margin:12px;box-shadow:2px 2px 5px #f2f7ff66;transition:transform .3s ease}button:hover{cursor:pointer;transform:scale(1.1)}.header-section{background-color:var(--color-asi-blue);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}img{height:236px;width:auto}h1{font-size:2.5rem;padding:0;margin:0}h4{font-size:1.2rem}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;width:90%}.grid-container button{width:100%}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px}a{color:var(--color-asi-blue);padding:5px}.how-to-use-page{display:flex;align-items:center;justify-content:center}.how-to-use-page img{width:auto;height:220vh}.input-section{display:flex;align-items:center;margin-bottom:2rem}label{margin:.5rem;font-size:1.25rem;font-weight:bolder}input{border-radius:.5rem;width:20%;padding:.75rem;border:1px solid var(--color-asi-blue)}.aa2-selection.grid-container{display:grid;grid-template-columns:1fr 2fr;width:100%;margin-bottom:1rem}.aa2-selection.grid-container .title-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.aa2-selection.grid-container .aa-btn-section{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem}.aa2-selection.grid-container .aa-btn-section button{background-color:var(--color-asi-blue);width:10vw;color:#fff;height:8vh;margin:.3rem}.aa2-selection.grid-container .aa-btn-section button.active,.aa2-selection.grid-container .aa-btn-section button:hover{background-color:#fff;color:var(--color-asi-blue)}.button-section{margin:2.5rem;display:flex;justify-content:center;align-items:center}.button-section button{background-color:var(--color-asi-blue);width:15vw;font-size:1.15rem;color:#fff;height:8vh;margin:.75rem}.button-section button.active,.button-section button:hover{background-color:#fff;color:var(--color-asi-blue)}.button-section input[type=checkbox]{transform:scale(1.25);width:fit-content;margin:5px;cursor:pointer}.button-section label{font-weight:200}.aa1-selection.grid-container{display:grid;grid-template-columns:1fr 2fr;width:100%;margin-bottom:4rem}.aa1-selection.grid-container .title-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.aa1-selection.grid-container .aa-btn-section{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem}.aa1-selection.grid-container .aa-btn-section button{background-color:var(--color-asi-blue);width:10vw;color:#fff;height:8vh;margin:.3rem}.aa1-selection.grid-container .aa-btn-section button.active,.aa1-selection.grid-container .aa-btn-section button:hover{background-color:#fff;color:var(--color-asi-blue)}.use-asi-pred-page{margin:1rem}.use-asi-pred-page .selected-combinations{font-size:1.25rem;display:flex;flex-direction:column;align-items:flex-start}.use-asi-pred-page .selected-combinations p{margin:1px}.use-asi-pred-page .selected-combinations svg{position:relative;top:3px}.use-asi-pred-page .submit-button-section{display:flex;justify-content:center}.use-asi-pred-page .submit-button{background-color:var(--color-asi-blue);width:15vw;font-size:1.15rem;color:#fff;height:8vh;margin:.75rem}.use-asi-pred-page .submit-button.active,.use-asi-pred-page .submit-button:hover{background-color:#fff;color:var(--color-asi-blue)}.use-asi-pred-page a{margin:0;position:relative;top:3rem;left:25rem}.weight-selector p{font-size:1.25rem;font-weight:bolder;margin:.2rem}.weight-selector select{width:100%;height:2rem;font-size:1rem;border:2px solid var(--color-asi-blue);border-radius:8px}.index-grid-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;width:100%;align-items:center;justify-items:center;margin-top:2rem}.weight-selector-section{display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);white-space:nowrap}.about-us{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px}p{text-align:center;line-height:1.8}.how-to-cite-us-section{display:flex;flex-direction:column;align-items:center;margin:2rem}.how-to-cite-us-section div{align-items:start;margin:2rem}.how-to-cite-us-section p{margin:0;text-align:start}.gradient-bar-container{position:relative;width:100%;max-width:24rem;height:1.5rem;margin:0 auto;background-color:#f9fafb;border-radius:9999px}.gradient-bar-bg{width:100%;height:100%;border-radius:999px;background:linear-gradient(to right,green,#ff0,red)}.gradient-bar-indicator{position:absolute;top:50%;width:1rem;height:1rem;border-radius:50%;border:2px solid black;background-color:#fff;transform:translate(-50%,-50%)}.line{margin-top:1.5rem;height:2px;background-color:#ccc}.results-page .id{font-weight:bolder;margin-top:2rem;font-size:1.55rem}.results-page .aminoacid-identification{font-size:1.25rem}.results-page .aminoacid-identification svg{position:relative;top:5px;margin:2px}.results-page .image-grid-container{display:grid;grid-template-columns:1fr 1fr;place-items:center}.results-page .image-grid-container img{width:auto;height:20vh}.results-page .image-grid-container p{margin:0}.results-page .hca-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.results-page .hca-section #cluster-image{margin:0;width:auto;height:90vh}.results-page .hca-section a{margin:0}.results-page .hca-section button{background-color:var(--color-asi-blue);width:15vw;color:#fff;height:8vh;margin:0;margin:2rem 0}.results-page .hca-section button.active,.results-page .hca-section button:hover{background-color:#fff;color:var(--color-asi-blue)}.results-page .hca-section a{display:flex;justify-content:center;align-items:center;background-color:var(--color-asi-blue);width:15vw;height:7vh;color:#fff;text-decoration:none;margin:2rem 0;border:none;cursor:pointer;border-radius:8px}.terms-and-conditions-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:4rem}.terms-and-conditions-section p{text-align:justify}body{border:0;color:var(--color-asi-blue);font-size:18px}