.spot-the-phish{background:#2f70c2;color:var(--color-inv);min-height:800px;overflow:hidden;padding:1rem 2rem;position:relative}.stp-loading{align-items:center;background:var(--color-second);background:#00386c;bottom:0;color:#fff;display:flex;justify-content:center;left:0;opacity:1;position:absolute;right:0;top:0;transform:translateY(0);transition:opacity .5s;z-index:200}.stp-loading.deactive{opacity:0;transform:translateY(-100%)}.stp-loading h4{animation:blinky 1s linear infinite}@keyframes blinky{0%{opacity:0}80%{opacity:1}to{opacity:1}}.stp-backgrounds,.stp-bg{bottom:0;left:0;position:absolute;right:0;top:0}.stp-bg{background-position:bottom;background-repeat:no-repeat;background-size:cover;z-index:0}.stp-bg--seascape-z1{background-image:url(https://www.marconet.com/hubfs/spot-the-phish/stp-bgs/seascape-z1.svg);z-index:10}.stp-bg--seascape-z2{background-image:url(https://www.marconet.com/hubfs/spot-the-phish/stp-bgs/seascape-z2.svg);z-index:20}.stp-bg--seascape-z3{background-image:url(https://www.marconet.com/hubfs/spot-the-phish/stp-bgs/seascape-z3.svg);z-index:30}.stp-bg--seascape-z4{background-image:url(https://www.marconet.com/hubfs/spot-the-phish/stp-bgs/seascape-z4.svg);z-index:40}.stp-bg--email-line{background-image:url(https://www.marconet.com/hubfs/spot-the-phish/stp-bgs/email-phish-line.svg);opacity:1;transform:translateY(-100%);z-index:35}.stp-bg--email-line.active{opacity:1;transform:translateY(0);transition:all 3s}.stp-bg--email-line.deactive{opacity:0;transform:translateY(-100%);transition:all 3s}.stp-bg--email2{background-image:url(https://www.marconet.com/hubfs/spot-the-phish/stp-bgs/email-2.svg);opacity:0;z-index:25}.stp-bg--email2.active{opacity:1;transition:all 3s}.stp-bg--email2.deactive{opacity:0;transition:all 2s}.stp-bg--fish-z1{animation:fish1z 200s linear infinite;background-image:url(https://www.marconet.com/hubfs/spot-the-phish/stp-bgs/fish-school-z1.svg);z-index:9}.stp-bg--fish-z2{animation:fish2z 100s linear infinite;background-image:url(https://www.marconet.com/hubfs/spot-the-phish/stp-bgs/fish-school-z2.svg);z-index:19}.stp-bg--bubbles{animation:bubleup 50s linear infinite;background-image:url(https://www.marconet.com/hubfs/spot-the-phish/stp-bgs/bubbles.svg);background-position:0 0;z-index:22}@keyframes bubleup{0%{transform:translateY(0)}50%{transform:translateY(-100%)}50.00001%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fish1z{0%{transform:translateX(0)}50%{transform:translateX(-100%)}50.00001%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fish2z{0%{transform:translateX(0)}50%{transform:translateX(-100%)}50.00001%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:919px){.stp-bg--fish-z1{background-position:top;background-size:contain}.stp-bg--fish-z2{background-position:50%;background-size:contain}.stp-bg--email-line{display:none}}.stp h1,.stp h2,.stp h3,.stp h4,.stp h5{color:var(--color-inv)}.stp h1 span,.stp h2 span{color:var(--color-second)}.stp-heading{position:relative;text-align:center;z-index:99}.stp-heading__top-title h1{font-size:1.625rem;margin:.5em 0;white-space:nowrap}.stp__question-counter{opacity:0;position:relative;text-align:center;transition:opacity .5s;z-index:99}.stp__question-counter.active{opacity:1}.stp-panel__splash h1,.stp-panel__splash img{display:none}.stp-panel__splash h1{text-shadow:0 0 1em var(--color-third)}.stp-panel{align-items:flex-start;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;text-align:center;top:0;transform:translateY(100%);transition:transform .5s,opacity .5s;z-index:113}.stp-panel.active{opacity:1;transform:translateY(0)}.stp-panel__content{max-width:66rem;padding:8rem 2rem 6rem;width:100%}.stp-panel__question-disclaimer{background:rgba(0,0,0,.2);bottom:0;font-size:.875rem;left:0;padding:.25rem 2rem;position:absolute;right:0;text-align:center}.stp-panel__questions{display:grid;grid-template-columns:1fr;row-gap:2rem}.stp-panel__choice-img{margin-bottom:1rem;position:relative}.stp-panel__choice-overlay{align-items:center;background:transparent;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.stp-panel__choice-overlay img{opacity:0;transform:scale(1.2);transition:all .3s}.complete .stp-panel__choice-overlay{background:rgba(0,0,0,.7)}.chosen .stp-panel__choice-overlay img{opacity:1;transform:scale(1)}.stp-panel__question .stp-panel__content .btn--stp-next-panel{display:none}.stp-panel__question .stp-panel__content.complete .btn--stp-next-panel{display:inline-block}.stp-panel__question .stp-panel__content.complete .btn--stp-choice{display:none}.stp-panel__answer-content{align-items:center;display:grid;grid-template-columns:1fr;margin-bottom:1rem;row-gap:2rem}.stp-panel__answer-details{text-align:left;text-shadow:0 1px 7px var(--color-third)}.stp h2.stp-results{font-size:5rem;margin:.25em 0}.stp h2.stp-results span{color:var(--color-second);font-size:8rem}.stp-form{margin:auto;max-width:720px;text-align:left}@media (min-width:920px){.stp-heading{align-items:center;display:flex;justify-content:space-between}.stp-heading__top-title h1{margin:0;text-align:right}.stp-panel__splash h1,.stp-panel__splash img{display:block}.stp-panel__splash img{margin:auto}.stp-panel{align-items:center}.stp-panel__answer-content,.stp-panel__questions{column-gap:3rem;grid-template-columns:1fr 1fr}}