.modal{background-color:#000;background-color:rgba(0,0,0,.1);display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fefefe;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:column;max-width:100vw;padding:35px;position:absolute}.close{color:#aaa;display:none;font-size:28px;font-weight:700;position:absolute;right:15px;top:15px;transform:translateX(-50%)}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}h2{text-align:center}.subtitle,h2{margin-bottom:45px}.species{font-size:1.2em;font-weight:700}p{text-align:center}hr{background-color:#f2f5fa;border:none;height:2px;margin-top:75px!important}.selection-grid{display:grid;gap:35px;width:100%}.card{background:#eff9f0;border:2px solid #f2f5fa;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);padding:70px 50px 20px;z-index:50}.card,.logo-wrapper{position:relative;transition:transform .3s ease}.logo-wrapper{display:flex;max-width:200px;object-fit:cover;padding-left:5px;transform:translateY(-35px);z-index:-20}.card-image{display:block;margin:0 auto;object-fit:contain;padding-bottom:30px;width:100%}.card:hover{cursor:pointer;transform:translateY(-20px)}.card:hover+#omnigen{transform:translateY(5px)}#homepage-link{color:grey;cursor:pointer;display:none}.padding{flex:1 1 0%}.logo{display:block;margin:0 auto;width:150px}@media (min-width:768px){.selection-grid{grid-template-columns:repeat(2,1fr)}.modal-content{left:50%;min-height:70vh;min-width:768px;padding:45px 100px;top:50%;transform:translate(-50%,-50%);width:70vw}}