section{padding:10rem 12%}.home{align-items:center;display:flex;gap:15rem;justify-content:center}.home-content{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.home-content h1{font-size:8rem;font-weight:700;line-height:1;margin-top:1.5rem}.home-content h3{font-size:4rem;margin:1rem 0}.home-content p{font-size:1.5rem;font-weight:500;line-height:1.8}.home-img img{border-radius:50%;box-shadow:25px var(--main-color);transition:.4s ease-in-out;width:32vw}.home-img img:hover{box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 100px var(--main-color)}.social-icons a{align-items:center;background:#0000;border:2px solid (--main-color);border-radius:50%;color:var(--main-color);display:inline-flex;font-size:3rem;justify-content:center;margin:3rem .5rem;padding:1rem;transition:.3s ease}.social-icons a:hover{background-color:var(--main-color);box-shadow:25px var(--main-color);color:var(--text-color);transform:scale (1.2) translateY(-5px)}.button-group{display:flex;gap:1.5rem}.button-group a:nth-of-type(2){background-color:#000;border:2px solid var(--main-color);box-shadow:25px #0000;color:var(--main-color)}.button-group a:nth-of-type(2):hover{background-color:var(--main-color);box-shadow:25px var(--main-color);color:#000}.about{align-items:center;background-color:var(#000);display:flex;gap:10rem;justify-content:center}.about-img img{border-radius:50%;box-shadow:25px var(--main-color);transition:.4s ease-in-out;width:32vw}.about-img img:hover{box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 100px var(--main-color)}.about-content h2{font-size:7rem;text-align:left}.about-content p{font-size:1.8rem}.about-content .btn{margin:3rem}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-thumb{background-color:var(--main-color)}::-webkit-scrollbar-track{background-color:var(--bg-color)}.heading{font-size:7rem;margin:5rem 0;text-align:center}.contact{background-color:var(#000);display:block}.contact h2{color:var(--text-color);margin-bottom:3rem}.contact form{align-items:center;display:flex;gap:3rem;justify-content:center;margin:5rem 0;text-align:center}.contact form .input-box input,.contact form textarea{background-color:var(--bg-color);border:2px solid var(--main-color);border-radius:2rem;color:var(--text-color);font-size:1.8rem;margin:1.5rem;padding:2.5rem;resize:none;width:100%}.button{background:var(--main-color);border:2px solid #0000;border-radius:3rem;box-shadow:25px var(--main-color);color:#000;display:inline-block;font-size:1.8rem;font-weight:600;padding:1rem 3rem;transition:.3s ease-in-out}.button:hover{box-shadow:25px var(--main-color),50px var(--main-color);transform:scale(1.05)}.status-message{background-color:#00000080;border-radius:5px;color:#fff;font-size:1.5rem;font-weight:700;margin-top:1rem;padding:.5rem;text-align:center}.login-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;width:100%}.side{background:none;background-size:100% 102%}.side img{max-width:50%;width:50%}.main .login-box{align-items:center;display:flex;flex-direction:column;max-width:450px;padding:24px}.title{font-size:3em;font-weight:700;letter-spacing:1px;text-align:center;text-transform:uppercase}.separator{background-color:#f80c0c;height:4px;margin:24px;width:150px}.welcome-message{color:#fff;font-size:1.1em;line-height:28px;margin-bottom:30px;text-align:center}.login-form{display:flex;flex-direction:column;width:100%}.form-control{margin-bottom:24px;position:relative;width:100%}button,input{border:none;border-radius:30px;font-size:1.1em;outline:none}input{background:#e6e6e6;color:#333;letter-spacing:.5px;padding:14px 64px;width:100%}input~i{color:#888;left:32px;position:absolute;top:50%;transform:translateY(-50%);transition:color .4s}input:focus~i{color:#ff2626}button.submit{background-image:linear-gradient(90deg,#f80c0c,#000);color:#fff;cursor:pointer;font-weight:700;letter-spacing:2px;margin:32px auto;padding:14px 64px;text-transform:uppercase;transition:opacity .4s}button.submit:hover{opacity:.9}@media (max-width:780px){.login-container{align-items:center;display:flex;justify-content:center}.side{display:none}}section{background-color:#000;min-height:100vh;padding:0 12%}.error-page,section{align-items:center;display:flex;justify-content:center}.error-page{color:#fff;flex-direction:column;text-align:center}.error-content h1{font-size:12rem;font-weight:700;line-height:1;margin:0}.error-content p{font-size:3rem;font-weight:500;margin:20px 0}.btn-group{display:flex;gap:2rem;margin-top:30px}.btn{background:var(--main-color);border:2px solid #0000;border-radius:3rem;box-shadow:25px var(--main-color);color:#000;display:inline-block;font-size:2rem;font-weight:600;padding:1rem 3rem;transition:.3s ease-in-out}.btn:hover{box-shadow:25px var(--main-color),50px var(--main-color);transform:scale(1.05)}.btn-group a:nth-of-type(2){background-color:#000;border:2px solid var(--main-color);box-shadow:25px #0000;color:var(--main-color)}.btn-group a:nth-of-type(2):hover{background-color:var(--main-color);box-shadow:25px var(--main-color);color:#000}#envelope{background-color:#d9534f;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:0 4px 20px #0003;height:180px;margin-left:auto;margin-right:auto;position:relative;top:150px;width:280px}.front{height:0;position:absolute;width:0;z-index:3}.flap{border-color:#d9534f #0000 #0000;border-style:solid;border-width:98px 140px 82px;pointer-events:none;transform-origin:top}.pocket{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-color:#0000 #f5a3a2 #ff6f61;border-style:solid;border-width:90px 140px}.letter{background-color:#fff;border-radius:6px;box-shadow:0 2px 26px #0000001f;font-family:Dancing Script,cursive;height:90%;margin-left:auto;margin-right:auto;position:relative;top:5%;width:90%}.letter:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.words{background-color:#ffe6e6;height:14%;left:10%;position:absolute;width:80%}.words.line1{color:#black;font-size:.5rem;font-size:.7rem;height:7%;top:10%;width:20%}.words.line2{top:30%}.words.line2,.words.line3{font-size:1.1rem;text-align:center}.words.line3{top:50%}.words.line4{font-size:1.1rem;text-align:center;top:70%}.open .flap{transform:rotateX(180deg);transition:transform .4s ease,z-index .6s;z-index:1}.close .flap{transform:rotateX(0deg);transition:transform .4s ease .6s,z-index 1s;z-index:5}.close .letter{transform:translateY(0);transition:transform .4s ease,z-index 1s;z-index:1}.open .letter{transform:translateY(-100px);transition:transform .4s ease .6s,z-index .6s;z-index:2}.hearts{left:0;position:absolute;right:0;top:90px;z-index:2}.heart{bottom:0;right:10%}.heart,.heart:after,.heart:before{pointer-events:none;position:absolute}.heart:after,.heart:before{background:#e60073;border-radius:50px 50px 0 0;content:"";height:80px;left:50px;top:0;transform:rotate(-45deg);transform-origin:0 100%;width:50px}.heart:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}.close .heart{animation:none;opacity:0}.a1{-webkit-animation:slideUp 4s linear 1,sideSway 2s ease-in-out 4 alternate;-moz-animation:slideUp 4s linear 1,sideSway 2s ease-in-out 4 alternate;animation-delay:.7s;animation-fill-mode:forwards;left:20%;transform:scale(.6)}.a1,.a2{opacity:1}.a2{-webkit-animation:slideUp 5s linear 1,sideSway 4s ease-in-out 2 alternate;-moz-animation:slideUp 5s linear 1,sideSway 4s ease-in-out 2 alternate;animation-delay:.7s;animation-fill-mode:forwards;left:55%;transform:scale(1)}.a3{-webkit-animation:slideUp 7s linear 1,sideSway 2s ease-in-out 6 alternate;-moz-animation:slideUp 7s linear 1,sideSway 2s ease-in-out 6 alternate;animation-delay:.7s;animation-fill-mode:forwards;left:10%;opacity:1;transform:scale(.8)}@keyframes slideUp{0%{top:0}to{top:-600px}}@keyframes sideSway{0%{margin-left:0}to{margin-left:50px}}body{background-color:#f0e6f6}.envlope-wrapper{height:380px}.reset{text-align:center}.reset button{-webkit-appearance:none;background-color:initial;border:2px solid #d9534f;border-radius:4px;color:#d9534f;cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:800;line-height:1em;margin:5px;min-width:120px;padding:10px;text-decoration:none;text-transform:uppercase;transition:all .1s linear}.reset button:hover{background-color:#d9534f;color:#fff}.header{align-items:center;-webkit-backdrop-filter:blur (10px);backdrop-filter:blur (10px);background:#0000004d;display:flex;justify-content:space-between;left:0;padding:4rem 12%;position:fixed;top:0;width:100%;z-index:100}#menu-icon{color:var(--main-color);display:none;font-size:3.6rem}.logo{color:var(--text-color);cursor:pointer;font-size:3rem;font-weight:800;transition:.3s ease}.logo:hover{transform:scale(1.1)}span{color:var(--main-color)}.navbar a{border-bottom:3px solid #0000;color:var(--text-color);font-size:1.8rem;font-weight:500;margin-left:4rem;transition:.3s ease}.navbar a:hover{border-bottom:3px solid var(--main-color);color:var(--main-color)}.footer{background-color:var(--bg-color);padding:50px 0}.footer .social-icons,.footer ul{text-align:center}.footer ul{font-size:1.8rem}.footer ul li{display:inline-block;margin-left:20px}.footer ul li a{border-bottom:3px solid #0000;color:#fff;transition:.3s ease-in-out}.footer ul li a:hover{border-bottom:3px solid var(--main-color);color:var(--main-color)}.footer .copyright{font-size:16px;margin-top:40px;text-align:center}.list{list-style:none;margin:0;padding:0}.footer{text-align:center}.list li{display:inline;margin:0 1rem}.list li:hover{cursor:pointer}.list li:last-child{color:#fff;text-decoration:none}.code-form{align-items:center;border-radius:5px;display:flex;flex-direction:column;margin-top:1rem;padding:1rem}.code-form,.code-form input{background-color:#000;border:1px solid red}.code-form input{color:#fff;margin-right:.5rem;padding:.5rem}.code-form button{background-color:red;border:none;color:#fff;cursor:pointer;padding:.5rem 1rem}.code-form button:hover{background-color:darkred}.code-form p{color:red}*{border:none;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}html{font-size:60%;overflow-x:hidden}:root{--bg-color:#080808;--second-bg-color:#001104;--text-color:#fff;--main-color:#f80c0c}body{background:#080808;background:var(--bg-color);color:#fff;color:var(--text-color)}@media(max-width:1024px){#menu-icon{display:block}.navbar{background-color:#000c;border-bottom:2px solid var(--main-color);border-bottom-left-radius:2rem;border-left:2px solid var(--main-color);display:none;padding:1rem 3rem;position:absolute;right:0;top:100%;width:50%}.navbar a{color:var(--text-color);font-size:2rem;margin:3rem}.navbar a,.navbar.active{display:block}.home{flex-direction:column-reverse;gap:5rem;margin:5rem 0}.home-content{align-items:center;text-align:center}.home-img img{width:38vw}.about{flex-direction:column-reverse;gap:2rem}.about,.about h2{text-align:center}.about h2{margin:2rem 0}.about img{width:38vw}.contact form{flex-direction:column}}
/*# sourceMappingURL=main.da1e388a.css.map*/