.guards-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.guards-page .guards-page__container{width:700px;height:60vh;border-radius:15px;padding-top:35px;color:#f5f5f5;background:linear-gradient(rgba(56,56,56,.372),#000);border:3px solid hsla(0,0%,91%,.172);box-shadow:0 0 30px 10px red;box-shadow:0 0 27px 3px #00ff87;display:flex;flex-direction:column;align-items:center;justify-content:space-around;animation:apr 1.2s 1;transition:.3s}.guards-page .guards-page__container h3{font-size:2.4em}.guards-page .guards-page__container .input-wrapper{display:flex;align-items:center;justify-content:center;margin-top:21px;position:relative}.guards-page .guards-page__container .input-wrapper .email-tip{position:absolute;background-color:rgba(0,0,0,.834);padding:8px;bottom:-35px;left:5px;visibility:hidden;border-radius:5px;cursor:pointer;border:1px solid hsla(0,0%,50%,.067)}.guards-page .guards-page__container .input-wrapper .guard-input{width:300px;height:43px;border-radius:8px;background:linear-gradient(150deg,#000,rgba(28,28,28,.72));background:linear-gradient(150deg,#000,rgba(28,28,28,.906));border:1.7px solid hsla(0,0%,100%,.517);color:#f5f5f5;padding:5px 10px;font-size:1em;transition:.3s;color:hsla(0,0%,100%,.517)}.guards-page .guards-page__container .input-wrapper .guard-input:focus{outline:none;border:1.9px solid hsla(0,0%,100%,.921);color:hsla(0,0%,100%,.921)}.guards-page .guards-page__container .input-wrapper:hover .email-tip{visibility:visible;animation:selectapr 0s}@keyframes selectapr{0%{opacity:0}}.guards-page .guards-page__container .input-wrapper .send-btn{width:27px;margin-left:-35px;cursor:pointer;filter:hue-rotate(270deg) brightness(70%);transition:.3s}.guards-page .guards-page__container .input-wrapper .send-btn:hover{filter:brightness(80%);transform:translateX(2.5px)}.guards-page .guards-page__container .input-wrapper #wrongMail{animation:wm .7s 2}@keyframes wm{50%{border:1.7px solid rgba(255,0,0,.321);box-shadow:0 0 10px 0 rgba(255,0,0,.821)}}.guards-page .guards-page__container .guard-wrapper{width:80%;height:150px;display:flex;justify-content:center;align-items:center;text-align:center}.guards-page .guards-page__container .guard-wrapper span{font-size:2.1em;font-weight:700;cursor:pointer}.guards-page .guards-page__container .guard-wrapper strong{font-size:1.1em}.guards-page .guards-page__container .guard-wrapper p{margin-top:5px;text-align:center;font-size:1em}.guards-page .guards-page__container .guard-page__instruction{margin-top:50px;width:95%}.guards-page .guards-page__container .guard-page__instruction li{text-decoration:none;list-style:none;margin-bottom:15.5px;font-size:1.1em;color:hsla(0,0%,100%,.895)}.guards-page .guards-page__container .guard-page__instruction li strong{width:38px;height:38px;font-size:1.2em;display:inline-flex;justify-content:center;font-family:Dancing Script}.guards-page .guards-page__container .reminder{padding:20px;animation:apr .7s 1}.guards-page .guards-page__container .reminder p{font-size:1em;margin-bottom:7px;padding:10px;border-radius:5px;background-color:rgba(36,36,36,.447);border:2px solid rgba(70,70,70,.229)}.guards-page .guards-page__container .reminder span{color:#ff4d4d;font-size:1.1em;font-weight:500;animation:blink .88s 3}@keyframes blink{50%{opacity:.2}}.guards-page .guards-page__container:hover{transform:scale(1.01);box-shadow:0 0 30px -5px #00ff73}@keyframes apr{0%{filter:opacity(0);box-shadow:0 0 30px 0 #000;transform:scale(.95)}}@media(max-width:750px){.guards-page .container{width:90%;height:75vh}}