header{position:sticky;top:0;margin:0 auto;width:auto;padding:1rem 5rem;line-height:1.5;z-index:100;max-width:2000px}.header-block{border-radius:25px;padding:10px 16px;background:#413c4ed9;backdrop-filter:blur(10px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;overflow:visible}.logo{width:40px;height:auto;margin:10px}.hamburger{margin-bottom:-10px;cursor:pointer}.hamburger .line{display:block;width:40px;height:5px;margin-bottom:10px;background-color:#d3869b}.no-transition .nav-links{transition:none}.nav-links{display:flex;flex-direction:column;align-items:center;width:100%;padding:0;border-radius:0 0 10px 10px;position:relative;overflow:hidden;max-height:0;transition:max-height .3s ease}.nav-links a{display:block;text-align:center;padding:10px 0;text-decoration:none;font-size:1rem;font-weight:700;text-transform:uppercase}.nav-links a:hover,.nav-links a:focus{background-color:#6c657d;border-radius:10px}.expanded{display:unset;flex-basis:100%;max-height:180px}.break{flex-basis:100%;height:0;display:none}.content-container.with-banner{min-height:calc(65vh - 100px);margin-top:22vh;transition:margin-top .3s ease}.banner-container{position:absolute;top:0;left:0;width:100%;height:35vh;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.8}.hidden{display:none}@media screen and (min-width: 600px){.nav-links{display:flex;flex-direction:row;position:static;width:auto;background:none;top:5rem;left:48px;opacity:1;margin:0;max-height:130px}.nav-links a{display:inline-block;padding:15px 20px}.hamburger{display:none}.header-block{justify-content:flex-start}#login-vert,#logout-vert{display:none}}.user-links{display:inline-block;flex-grow:1;text-align:right}#login-hori,#logout-hori{padding:15px 20px;text-decoration:none;font-size:1rem;font-weight:700;text-transform:uppercase}#login-hori:hover,#login-hori:focus,#logout-hori:hover,#logout-hori:focus{background-color:#6c657d;border-radius:10px}@media screen and (max-width: 600px){.user-links{display:none}}#header-expanded{margin-top:7vh;transition:margin-top .3s ease}#homepage-banner{background-image:url(/images/homepage_banner.jpg)}#reso-sim-banner{background-image:url(/images/tools/reso_sim_banner.jpeg)}table{width:100%;border-collapse:collapse;border:0px solid transparent;border-bottom:1px solid #d3869b;text-align:center}th{background-color:#353142;text-align:center}td{border-bottom:1px solid #d3869b;padding:10px 5px}html{background-color:#292535;color:#fff;font-family:PT Sans,sans-serif}body{margin:0;padding:0}html,body{min-height:100%;margin:0}img{align-self:center;max-height:50ch;max-width:80%;width:auto;height:auto;display:block;margin-left:auto;margin-right:auto}h1{margin:1rem 0;font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}*{box-sizing:border-box}a:link{color:#a3c7f2}a:visited{color:#b38aca}a:not([href]){color:#b38aca}strong{color:#edb1bd}input{background-color:#353142;color:#fff;border:1px solid #6c657d;padding:5px 10px;margin:0 10px 10px}input[type=number]{font-size:1rem;width:70px}input[type=text]{font-size:1rem;width:80%;margin-left:0}.content-container{margin:0 auto;line-height:1.5;min-height:calc(86vh - 70px);padding-bottom:50px;max-width:2000px}.guide-card{display:flex;background-color:#353142;padding:15px;margin:10px 20px;border-radius:10px;min-height:200px;overflow:hidden}.guide-card:hover,.ext-link-card:hover{background-color:#494554}.card-row{flex-direction:row;max-height:25vh}.card-col{flex-direction:column}.guide-card>img{height:auto;width:auto;object-fit:contain;border-radius:5px;margin:10px}.img-card-row{max-width:40%}.img-card-col{max-height:25%}.guide-card-link{text-decoration:none;max-height:10vh}.guide-card-link h3,.guide-card-link p{color:#fff}.links{display:flex;flex-wrap:wrap}.guides-tools{flex:2 2 80%}.external{flex:1 1 20%}@media (max-width: 1200px){.guides-tools{flex:2 2 70%}.external{flex:1 1 30%}}@media (max-width: 740px){.links{display:block}}.ext-link{text-decoration:none}.ext-link-card{display:flex;justify-content:flex-start;background-color:#353142;border-radius:10px;padding:8px;margin:10px 0}.link-icon{flex-shrink:2;height:50px;width:auto;margin:0 12px}.link-text{color:#fff}.resonance{width:900px;margin:10px auto;max-width:95%}.resonance-header{text-align:center;margin-bottom:0}