@font-face{font-family:Roboto-Regular;src:url(/assets/Roboto-Regular-BHeBnKzs.ttf) format("truetype")}html,body{margin:0;padding:0;background:#272334;height:100%;width:100%}.HomePage{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;width:100%;padding-bottom:20px;background:#272334;max-width:430px;max-height:763px;margin-left:auto;margin-right:auto;left:0;right:0}.name{font-size:70px;color:#fff;margin-bottom:-50px;font-family:Roboto-Regular;font-weight:800}.logo{width:200px;margin-top:30px;margin-bottom:30px}.button-group{display:flex;flex-direction:column;gap:20px;margin-bottom:10%;width:80%}.btn{padding:10px 50px;font-size:30px;color:#fff;background-color:#7913a8;border:5px solid rgb(121,19,168);border-radius:500px;text-decoration:none;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;margin-top:7%;text-align:center;font-weight:700;font-family:Arial,Helvetica,sans-serif}.btn:hover{background-color:#272334;box-shadow:0 0 15px #800080b3;transform:translateY(-5px)}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#272334;justify-content:flex-start;max-width:430px;margin-left:auto;margin-right:auto;left:0;right:0}.login-title{color:#7913a8;font-size:30px;font-family:Arial,Helvetica,sans-serif;margin-top:-20%;padding-top:30px;font-weight:800}.login-form{display:flex;flex-direction:column;width:90%}.form-login-group{margin-bottom:1rem;width:90%;margin:auto;padding-top:10px}.form-login-group input{width:90%;padding:1rem;border-radius:5px;border:none;margin-bottom:1rem;margin-top:1rem}.form-login-group input:focus{outline:none;box-shadow:0 0 10px #7913a8b3}.login-btn,.register-account-btn{padding:1rem;font-size:1rem;color:#fff;background-color:#1e1e1e;border:2px solid rgb(121,19,168);border-radius:100px;text-decoration:none;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;margin-top:1rem;text-align:center;font-weight:700;cursor:pointer;width:358px;font-family:Arial,Helvetica,sans-serif}.login-btn:hover,.register-account-btn:hover{background-color:#7913a8;box-shadow:0 0 15px #7913a8b3}.account-btn{background-color:transparent;box-shadow:none;margin-top:.5rem;margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif}.button-group{width:95%;margin:auto;padding-top:50px;padding-right:15px}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#272334}.login-title{color:#7913a8;font-size:90px;font-family:Arial,Helvetica,sans-serif;margin-bottom:5rem}.login-form{display:flex;flex-direction:column;width:100%;max-width:400px}.form-group{margin-bottom:1rem;padding-top:10px}.form-group input{width:90%;padding:1rem;border-radius:5px;border:none;margin-bottom:1rem}.form-group input:focus{outline:none;box-shadow:0 0 10px #7913a8b3}.register-btn,.login-account-btn{padding:1rem;width:100%;font-size:1rem;color:#fff;background-color:#1e1e1e;border:2px solid rgb(121,19,168);border-radius:100px;text-decoration:none;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;margin-top:1rem;text-align:center;font-weight:700;cursor:pointer;width:362px;font-family:Arial,Helvetica,sans-serif}.register-btn:hover,.account-btn:hover{background-color:#7913a8;box-shadow:0 0 15px #7913a8b3}.account-btn{background-color:transparent;box-shadow:none;margin-top:.5rem;margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif;width:92%}.register-button-group{display:flex;flex-direction:column}.account-btn:hover{text-decoration:none}@font-face{font-family:Roboto-Thin;src:url(/assets/Roboto-Thin-D4yhO5KI.ttf) format("truetype")}@font-face{font-family:Roboto-Regular;src:url(/assets/Roboto-Regular-BHeBnKzs.ttf) format("truetype")}.logo-home{width:45%;height:auto;margin:0 auto;display:block;background-color:#272334}.container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;max-width:430px;max-height:932;align-items:center;margin-left:auto;margin-right:auto;left:0;right:0}.header{max-width:400px;position:fixed;width:100%;z-index:1000;background-color:#272334;margin-left:auto;margin-right:auto;left:0;right:0;max-height:300px;display:block}.dare-info{color:#fff;text-align:center;font-family:Roboto-Regular;padding-bottom:20px;text-shadow:0 0 10px rgb(133,91,189),0 0 20px rgb(133,91,189),0 0 60px rgb(133,91,189),;max-height:35px;text-wrap:wrap;background-color:#272334;z-index:1000}.dare-title{font-size:22px;font-weight:bolder}.dare-mission{font-size:13px}.upload-dare{padding-top:20px;color:#fff;text-align:center}.transition-20-block{width:100%;display:block;z-index:999;max-width:400px}.transition-1{height:2px;opacity:.05;background-color:#272334}.transition-2{height:2px;opacity:.1;background-color:#272334}.transition-3{height:2px;opacity:.15;background-color:#272334}.transition-4{height:2px;opacity:.2;background-color:#272334}.transition-5{height:2px;opacity:.25;background-color:#272334}.transition-6{height:2px;opacity:.3;background-color:#272334}.transition-7{height:2px;opacity:.35;background-color:#272334}.transition-8{height:2px;opacity:.4;background-color:#272334}.transition-9{height:2px;opacity:.45;background-color:#272334}.transition-10{height:2px;opacity:.5;background-color:#272334}.transition-11{height:2px;opacity:.55;background-color:#272334}.transition-12{height:2px;opacity:.6;background-color:#272334}.transition-13{height:2px;opacity:.65;background-color:#272334}.transition-14{height:2px;opacity:.7;background-color:#272334}.transition-15{height:2px;opacity:.75;background-color:#272334}.transition-16{height:2px;opacity:.8;background-color:#272334}.transition-17{height:2px;opacity:.85;background-color:#272334}.transition-18{height:2px;opacity:.9;background-color:#272334}.transition-19{height:2px;opacity:.95;background-color:#272334}.transition-20{height:12px;opacity:1;background-color:#272334}.upload-dare-button{display:flex;flex-direction:column;justify-content:center}.upload-btn{font-family:Roboto-Regular;font-size:24px;color:#fff;background-color:#272334;height:7vh;line-height:7vh;border:2px solid rgb(121,19,168);border-radius:15px;text-decoration:none;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;text-align:center;font-weight:600;font-family:Arial,Helvetica,sans-serif;cursor:pointer}@keyframes animate{0%{background-position:0%}to{background-position:400%}}.upload-btn p1{letter-spacing:.8vh;font-weight:800;background:linear-gradient(90deg,#a09be7,#7913a8,#e24191,#d4b8d3,#a09be7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-size:400%;animation:animate 5s linear infinite}.upload-btn:hover p1{-webkit-text-fill-color:white;animation:none}.upload-btn:hover{background:linear-gradient(90deg,#a09be7,#7913a8,#7913a8,#e24191,#d4b8d3,#a09be7);background-size:400%;animation:animate 5s linear infinite;border-color:#272334}.posts-container{padding-top:210px;color:#fff;text-align:center;font-size:34px;transition:opacity .5s ease;display:flex;flex-direction:column;margin-top:120px}.post-grid{display:flex;flex-direction:column;margin-bottom:20px;border:1px solid white;border-radius:15px;padding-bottom:10px}.post-owner{padding-top:20px;align-content:left;padding-left:20px;margin-right:auto;font-weight:1200;display:flex;font-family:Roboto-Regular}.userinfo{text-align:left}.username{font-size:20px;padding-top:0}.setting{font-size:12px}.profile-pic{width:30px;height:30px;border-radius:50%;padding-right:15px;padding-left:5px}.post-caption{padding-top:0;font-size:14px;font-weight:100;font-family:Roboto-Thin;text-align:left;margin-left:20px;margin-right:20px;width:300px;text-wrap:wrap}.bold{font-weight:800}.post-dare{padding-top:0;font-size:10px;font-weight:100;font-family:Roboto-Thin;margin-left:20px;margin-right:20px}.post-video{outline:none;margin-left:20px;margin-right:20px;margin-top:10px}.social-buttons{padding-top:20px;display:flex;flex-direction:row;justify-content:space-evenly;padding-left:20px;padding-right:20px;border-top:1px white solid;margin-top:10px}.social-button-info{display:flex;flex-direction:column;font-size:16px;align-content:center}.icon{padding-left:30px;padding-right:30px}.icon svg{width:30px;height:30px}.navigation{display:flex;flex-direction:row;justify-content:space-evenly;width:100%;position:fixed;bottom:0;z-index:500;background-color:#272433;max-width:430px;padding-top:10px;padding-bottom:10px;height:50px;border-top:1px solid white;border-radius:3px}