*{box-sizing:border-box}html,body{margin:0;padding:0 0 1rem;font-family:Nunito,sans-serif;color:#252525}h1,p{max-width:700px;margin:0}h1{font-size:2.25rem;font-weight:800}p{font-size:1.25rem;line-height:1.5;color:#5e5e5e}.elements-container{width:95%;max-width:1200px;margin:0 auto}main{text-align:center;color:#fff}button,a{cursor:pointer}button,input{font-family:inherit;border-radius:.25rem}button{font-weight:700;padding:.25em 1em}.auth-form-section .title-container,.hero-section .elements-container,.intro .elements-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.hero-section button,.auth-form button,.image-link-form-section button{width:fit-content;font-weight:800;font-size:1.25rem;color:#fff;background-image:linear-gradient(to right,#5d009b,#005ce6);border:none;height:2.75rem;border-radius:.25rem}.hero-section button:hover,.hero-section button:focus-visible,.auth-form button:hover,.auth-form button:focus-visible,.image-link-form-section button:hover,.image-link-form-section button:focus-visible{background-image:linear-gradient(to right,#7800c9,#06f)}.auth-form input,.image-link-form-section input{height:2.75rem;padding:.5rem;font-size:1rem;color:#707070;border:2px solid #70707040;border-radius:.25rem;outline:none}header{background-color:#fafafa;padding:.5rem 0}header .elements-container{display:flex;justify-content:space-between;align-items:center;gap:.5rem}header .logo-container{color:#252525;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;cursor:default}header .logo-text{font-size:1.375rem;font-weight:700;padding:.125rem 0;text-decoration:none;color:#252525}header i{font-size:1.25rem}header nav{display:flex;gap:.5rem;align-items:center}header nav .refresh-link i{font-size:1.125rem;color:#757575;margin-top:2px;margin-right:.5rem;transition:all .2s ease-in-out}header nav .refresh-link i:hover,header nav .refresh-link i:focus{font-size:1.25rem;rotate:30deg}header button{font-size:1.125rem;background-color:transparent;color:#252525;border:2px solid #dfdfdf}header button:hover,header button:focus-visible{border:2px solid #252525}.video-background{position:fixed;inset:0;z-index:-1}.auth-form-section{text-align:center}.auth-form-section h1{font-size:2.75rem;padding:1.5rem 0 0}.auth-form-section h2{font-size:1.675rem;font-weight:700;margin:0}.auth-form-section p{color:#dfdfdf}.auth-form-card{background-color:#f7f7f7;color:#252525;margin:2rem auto;width:95%;max-width:650px;padding:1.5rem 3rem;border-radius:.25rem;text-align:left;display:flex;flex-direction:column;gap:2rem;position:relative}.auth-form{display:flex;flex-direction:column;text-align:left;gap:1rem}.auth-form .name-and-email-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;max-width:100%;width:500px}.auth-form .label-and-input-container{display:flex;flex-direction:column;gap:.25rem;max-width:100%}.auth-form .label-and-input-container.password.sign-up{width:500px}.auth-form .label-and-input-container.sign-in{width:400px}.register-cta-container p{font-size:.875rem;font-weight:400;color:#707070}.register-cta-container a{font-size:1rem;font-weight:700;color:#003f9e}.register-cta-container a:hover,.register-cta-container a:focus{color:#06f}.error-msg-container,.loading-msg-container{padding:.5rem 1rem;border-radius:.25rem;width:fit-content;text-align:center;display:block;margin:0 auto;position:absolute;top:-1.675rem;left:0;right:0}.error-msg-container.url-error{top:unset;bottom:-4rem}.error-msg,.loading-msg{font-size:1.25rem;font-weight:700;letter-spacing:1px}.error-msg-container{background-color:#ffebf2;box-shadow:0 0 20px #52001d6c}.error-msg{color:#9e0037}.loading-msg-container{background-color:#dbe9ff;box-shadow:0 0 20px #032c6962}.loading-msg{color:#0041a3}.rank-notification{font-size:1rem;font-weight:600;color:#fafafa;padding:.75rem 0 0}.rank-notification hr{border:2px solid #fafafa90;border-radius:.5rem;width:4rem;margin:.75rem auto 0}.intro{text-align:center;padding:1.25rem 0}.image-link-form-section{background-color:transparent}.image-link-form-section form{background-color:#f7f7f7;align-items:center;justify-content:center;display:flex;flex-wrap:wrap;gap:1rem 0;padding:2.5rem 2rem 2rem;width:100%;max-width:fit-content;margin:0 auto;border-radius:.25rem;box-shadow:0 4px 8px #00000010;position:relative}.image-link-form-section .input-section{display:flex;flex-direction:column;position:relative;max-width:100%}.image-link-form-section label{font-size:.875rem;font-weight:500;color:#707070;position:absolute;margin-top:-1.5rem}.image-link-form-section input,.image-link-form-section button{align-self:center}.image-link-form-section input{border-right:transparent;border-radius:.25rem 0 0 .25rem;width:400px;max-width:100%}.image-link-form-section input:focus{border:2px solid #70707070;border-right:transparent;outline:none}.image-link-form-section button{border-radius:0 .25rem .25rem 0}.image-box{margin-top:1.75rem;position:relative;display:inline-block}.image-box img{width:100%;max-width:500px;border-radius:.5rem;max-height:350px;object-fit:cover;outline:4px solid #f1f1f185}.loading-notification{font-size:1.5rem;font-weight:600;letter-spacing:1px;color:#0f0;background-color:#25252598;padding:.25rem;border-radius:.5rem .5rem 0 0;position:absolute;top:0;left:0;right:0}@media screen and (max-width: 647px){.image-link-form-section input,.image-link-form-section button{border-radius:.25rem}.image-link-form-section input{border-right:2px solid #70707040}.image-link-form-section input:focus{border-right:2px solid #70707070}}@media screen and (max-width: 555px){.auth-form .name-and-email-container{grid-template-columns:1fr}}