.App{text-align:center}.App-logo{border:4px solid #000;border-radius:500px;height:25%;transition:box-shadow .3s ease-in-out;width:25%}.App-logo,.App-logo:hover{box-shadow:0 0 20px 10px #ffffffb3}.App-logo:hover{border:8px solid #daa520;border-radius:500px;cursor:pointer;height:35%;width:35%}.App-header{align-items:center;background-color:#0000004a;border-bottom:100px solid #000;color:#fff;display:flex;flex-direction:column;font-size:10px;justify-content:center;margin-top:0;min-height:100vh;padding-top:100px}.App-link{color:#61dafb}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 5s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dropBounce{0%{transform:translateY(-100vh)}60%{transform:translateY(0)}80%{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(10)}to{opacity:1;transform:translateX(0)}}h1{animation:fadeInLeft 1s ease-out;animation-delay:1s;animation-fill-mode:forwards}h1,h2{opacity:0}h2{animation:fadeInRight 1s ease-out;animation-delay:3s;animation-fill-mode:forwards}.App-logo{animation:dropBounce 1s ease-out,App-logo-spin 5s linear infinite;animation-delay:0s,1s}@media only screen and (max-width:480px){.App-logo{height:60%;width:60%}.App-header{font-size:calc(10px + 5vmin);padding-top:50px}}@media only screen and (max-width:375px){.App-logo{height:60%;width:60%}.App-header{font-size:calc(10px + 5vmin);padding-top:40px}}@media only screen and (min-width:481px) and (max-width:768px){.App-logo{height:40%;width:40%}.App-header{font-size:calc(18px + 5vmin);padding-top:70px}}@media only screen and (min-width:769px) and (max-width:1024px){.App-logo{height:30%;width:30%}.App-header{font-size:calc(20px + 5vmin);padding-top:80px}}@media only screen and (min-width:1025px){.App-logo{height:25%;width:25%}.App-header{font-size:calc(22px + 5vmin);padding-top:100px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}span{color:#f5f5f5}code{color:#3cb371;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:1.5rem}code:hover{color:#006400;cursor:none;font-size:2rem;text-shadow:2px 2px 4px #000;transform:scale(1.8);transition:all .3s ease}p{font-size:16px;margin:0 auto;padding:20px}h1,p{background-color:none}h1{margin:0;padding:0}h1:hover{cursor:none;font-size:4rem;transform:scale(1.8);transition:all .3s ease}h2{color:#f5f5f5;font-size:20px;padding:10px;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}h3{font-size:40px;padding:20px}h5{font-size:20px;font-weight:700;padding:50px 10px 10px}body.dark-mode{background-color:#121212;color:#fff}body.light-mode{background-color:#fff;color:#000}body.dark-mode p{color:#daa520;text-shadow:2px 2px 4px #000}body.light-mode p{color:#6610f2;text-shadow:2px 2px 4px grey}body.dark-mode h1{color:#daa520;font-size:60px;margin-left:10%;margin-right:10%;padding:20px}body.dark-mode h1,body.dark-mode h1:hover{text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;transition:font-size .3s ease}body.dark-mode h1:hover{cursor:pointer;font-size:70px}body.light-mode h1{font-size:60px;margin-left:10%;margin-right:10%;padding:20px}body.light-mode h1,body.light-mode h1:hover{color:#6610f2;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;transition:font-size .3s ease}body.light-mode h1:hover{cursor:pointer;font-size:70px}body.dark-mode h5{color:#daa520;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}body.light-mode h5{color:#6610f2;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}body::-webkit-scrollbar{height:12px;width:20px}body::-webkit-scrollbar-track{background:#333}body::-webkit-scrollbar-thumb{background-color:#daa520;border:3px solid #333;border-radius:10px}body::-webkit-scrollbar-thumb:hover{background-color:#fc0}body.dark-mode::-webkit-scrollbar-track{background:#222}body.dark-mode::-webkit-scrollbar-thumb{background-color:#fc0;border:3px solid #222}body.dark-mode::-webkit-scrollbar-thumb:hover{background-color:gold}body.light-mode::-webkit-scrollbar-track{background:#e0e0e0}body.light-mode::-webkit-scrollbar-thumb{background-color:#6610f2;border:3px solid #e0e0e0}body.light-mode::-webkit-scrollbar-thumb:hover{background-color:#8a2be2}.custom-btn{background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);background-size:300%;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;height:3em;line-height:2em;position:relative;text-align:center;text-decoration:none;width:14em;z-index:1}.custom-btn:hover{animation:ani 8s linear infinite;border:none}.custom-btn:before{background:linear-gradient(90deg,#7b68ee,#f441a5,#ffeb3b,#7b68ee);background-size:400%;border-radius:35px;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;transition:1s;z-index:-1}.custom-btn:hover:before{filter:blur(20px)}.custom-btn:active{background:linear-gradient(32deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4)}@keyframes ani{0%{background-position:0}to{background-position:400%}}.navbar{background:linear-gradient(90deg,#000,#6610f2);font-size:25px;height:75px}.navbar,.navbar:hover{color:#fff;text-shadow:0 2px 0 #000}.navbar:hover{background:linear-gradient(90deg,#daa520,#6610f2);box-shadow:0 0 25px 5px #daa520;transition:transform .3s ease}.navbar:after{bottom:0;content:"";height:0;left:0;padding:0;position:absolute;width:100%}.nav-item{cursor:pointer;position:relative}.nav-item:hover .tooltip{opacity:1}.icon-border{background:#6610f2;border:4px solid #f5f5f5;border-radius:20px;display:inline-block;height:40px;margin:5px 0;padding:0;text-align:center;transition:all .3s ease;width:40px}.icon-border:hover{background:linear-gradient(135deg,#ffa633,#6610f2);border:6px solid #191970;transform:scale(1.5);transition:transform .2s ease}.icon-border i{align-items:center;color:#fff;display:flex;font-size:20px;height:100%;justify-content:center;padding:10px}.icon-border:hover i{transform:scale(1);transition:transform .2s ease}.icon-border2{background:#6610f2;border:4px solid #f5f5f5;border-radius:20px;display:inline-block;height:40px;margin:5px 0;padding:0;text-align:center;transition:all .3s ease;width:40px}.icon-border2:hover{background:linear-gradient(135deg,#ffa633,#6610f2);border:6px solid #191970;transform:scale(1.5);transition:transform .1s ease}.icon-border2 i{align-items:center;color:red;display:flex;font-size:20px;height:100%;justify-content:center;padding:10px}.icon-border2:hover i{transform:scale(1.4);transition:transform .2s ease}.tooltip{background:#333;border-radius:20px;bottom:-50%;color:#fff;font-size:12px;opacity:0;padding:10px;pointer-events:none;transition:opacity .3s ease,transform .3s ease;white-space:nowrap;z-index:1000}.tooltip,.tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:after{border:5px solid #0000;border-top-color:#33333310;content:"";top:-100%}#timeFormat{background-color:#f8f9fa;border:1px solid #ccc;border-radius:3px;color:#333;cursor:pointer;display:block;font-size:.9rem;margin:20px auto;max-width:300px;padding:10px;width:100%}#timeFormat:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf5080;cursor:pointer;outline:none}.modal-content{background-color:#f5f5f5;border-radius:10px;box-shadow:0 0 10px #0000001a;color:#000;height:60%;margin:75px 80px 0;overflow-y:auto;padding:20px;text-align:center;width:75%}@media (min-width:768px){.modal-content{height:65%;margin:50px auto;padding:25px;width:50%}}.close-button{align-items:center;background-color:#daa520;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .3s ease;width:30px}.close-button:hover{background-color:#d32f2f}.close-button:active{transform:scale(.5);transition:.1s}#blog,#contact,#hero-container{background-color:none;padding:0 0 250px}#changelog-component,#portfolio{align-items:center;background-color:none;padding:0 0 180px;text-align:center}#cookieConsent{background-color:#222;border-radius:10px;color:#fff;display:none;height:300px;left:50%;max-height:500px;max-width:500px;opacity:0;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease;width:70%;z-index:1000}#cookieConsent.show{display:block;opacity:1}#cookieConsent .cookie-icon{color:#f5f5f5;font-size:40px;margin:20px;vertical-align:middle}#cookieConsent .cookie-icon:hover{color:#daa520;font-size:60px;margin:20px;vertical-align:middle}#cookieConsent p{display:inline-block;font-size:12px;margin:0}#cookieConsent button{background-color:#f5f5f5;border:2px solid #000;border-radius:40px;color:#000;cursor:pointer;margin:10px;padding:10px;text-shadow:2px #222}#cookieConsent button:hover{background-color:#000;border:2px solid #daa520;color:#f5f5f5}#closeButton{color:#f39c12;cursor:pointer;font-size:30px;left:5%;position:absolute;top:5%}#closeButton:hover{color:#fff}#hero-container{align-items:flex-start;display:flex;justify-content:space-between}.hero-left{align-items:center;display:flex;flex:1 1;justify-content:center;max-height:100%;max-width:50%}.hero-left p{background-color:none;border-radius:20px;font-size:20px;text-align:justify}.hero-right{border:none;border-radius:20px;flex:1 1;max-height:100%;max-width:100%}.skills-grid{grid-gap:1px;align-items:center;background-color:none;border-radius:20px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);height:800px;width:800px}.skill-box{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:column;margin:20px 20px 40px 80px;text-align:center;transition:transform .5s}.skill-box:hover{background-color:#191970;border:none;border-radius:20px;transform:scale(1.1);transform:translateY(-20px)}.skill-box i{background-color:#f5f5f5;border:2px solid #000;border-radius:80%;font-size:2rem;margin-bottom:1rem;padding:6px}.skill-box i:hover{box-shadow:0 0 10px 5px #daa520}.skill-box p{font-size:20px;margin:-25px auto}.row{align-items:center;border:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;margin:100px 10%;padding:20px}.portfoliocard,.row{background-color:none;border-radius:20px}.portfoliocard{box-shadow:0 8px 16px #0006;flex:1 1 auto;height:600px;margin:40px auto;max-width:100%;transition:transform .2s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out;width:400px}.body-dark-mode .portfoliocard{background-color:#222;color:#fff}.body-light-mode .portfoliocard{background-color:#fff;color:#000}.portfoliocard:hover{background-color:#00000026;cursor:pointer;transform:translateY(10px) scale(.95)}.card-title{margin:30px 10px 10px;padding:20px}.card-text,.card-title{background-color:none;border-radius:30px}.card-text{font-size:16px;margin:50px 10px 30px;padding:10px}.portfoliocard1{background-color:#6610f2;box-shadow:0 8px 16px #0006;color:#000;cursor:pointer;height:600px;margin-right:50px;overflow:hidden;position:relative;transition:transform .2s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out;width:600px;z-index:1}.portfoliocard1:hover{background-color:#380093;transform:translateY(10px) scale(.95);z-index:10}.info{background-color:#000;color:#f5f5f5;height:20%;left:50%;min-height:100px;position:absolute;top:10%;transform:translate(-50%,-50%);width:100%}.info p{margin:10px;padding:50px}.extrainfo{background:#00000080;left:0;padding:20px;position:absolute;right:0;top:0}.info:hover .extrainfo{z-index:10}.portfoliocard1-img-top{border:4px solid #000;bottom:5%;height:90%;left:5%;object-fit:cover;position:absolute;top:7%;width:90%}.card-footer{bottom:0;left:0;padding:10px;position:absolute;text-align:center;width:100%}.portfolio-btn{background-color:initial;border:4px solid #daa520;border-radius:20px;color:#daa520;cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:700;margin:0;overflow:hidden;padding:.5rem 4rem;position:relative;text-decoration:none;z-index:1}.portfolio-btn:before{background-color:#daa520;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:all .3s;width:100%;z-index:-1}.portfolio-btn:hover:before{transform:translateX(0)}.portfoliocard2-img-top{bottom:5%;height:90%;object-fit:cover;position:absolute;right:0;top:5%;width:70%}#search-wrapper{margin:50px 0}#search{align-items:center;background-color:#111;border:1px solid #ccc;border-radius:5px;display:flex;height:40px;margin:0 auto;padding:5px;width:60%}#search input{border:none;color:#6610f2;flex-grow:1;font-weight:700;outline:none;padding:5px 20px}#search input::placeholder{color:#48248093}#search svg{margin-right:5px}#post-list{list-style:none;margin:0;padding:0}#post-list li{align-items:center;display:flex;justify-content:space-between;margin:0 -25%;padding:20px 0}#post-list li a{color:#6610f2;flex-grow:1;font-size:1rem;font-weight:700;text-decoration:none}#post-list li a:hover{color:#9337df;font-size:1.1rem;transition:color .3s,font-size .3s}#post-list li time{color:#daa520;font-size:.9rem;margin-left:20px}#post-list li time:hover{color:gold;cursor:pointer;font-size:1.1rem;transition:color .3s,font-size .3s}#changelog-component{align-items:center;display:flex;font-size:smaller;justify-content:center;padding:0 0 500px}.changelog{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#191970;border-bottom:3px solid #ffffff70;border-left:2px outset hsla(0,0%,100%,.545);border-radius:8px;box-shadow:-40px 50px 30px #00000047;color:#fff;cursor:pointer;height:140px;margin-bottom:5rem;overflow:hidden;padding:.5rem;transform:skewX(10deg);transition:.4s;width:600px}.changelog:hover{border:2px solid #000;height:600px;transform:skew(0deg)}.changelog-title{color:#fff;font-size:40px;font-weight:700;margin:40px auto;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.changelog-subtitle{font-size:20px;padding:20px}.changelog-timeline{height:calc(100% - 150px);list-style:none;margin:10px auto;overflow-y:auto;padding:20px 0;position:relative}.changelog-timeline:before{background-color:#daa520;border-radius:10px;bottom:20%;content:"";left:49.2%;position:absolute;top:5%;width:10px}.timeline-item{align-items:center;display:flex;justify-content:space-between;margin:0}.timeline-item:before{background-color:#daa520;border:2px solid #000;border-radius:50%;content:"";height:20px;left:50%;position:absolute;transform:translate(-50%);width:20px}.timeline-date{color:#daa520;font-weight:700;padding:10px 20px 20px 50px;text-align:center;width:50%}.timeline-description{color:#7b68ee;padding:5px 20px 0 0;text-align:center;width:45%}.changelog-button:hover{background:linear-gradient(135deg,#ffa633,#6610f2);text-shadow:0 2px 0 #000}footer{background:linear-gradient(270deg,#000,#6610f2)}footer:hover{background:linear-gradient(270deg,#daa520,#6610f2);box-shadow:0 0 25px 5px #daa520;transition:transform .3s ease}footer i{background-color:#6610f2;border:4px solid #000;border-radius:60px;color:#fff;transition:border .3s ease}footer i:hover{background-color:#daa520;border:6px solid #000;color:#fff;transform:scale(2);transition:transform .2s ease}@media only screen and (max-width:600px){body.dark-mode h1{font-size:40px;transition:font-size .3s ease}body.dark-mode h1:hover{cursor:pointer;font-size:50px}body.light-mode h1{font-size:40px;transition:font-size .3s ease}body.light-mode h1:hover{cursor:pointer;font-size:50px}h2{font-size:20px}h3{font-size:40px}p{font-size:14px;line-height:25px;padding:1rem;text-align:center}body.dark-mode p{color:#daa520;text-shadow:2px 2px 4px #000}body.light-mode p{color:#6610f2;text-shadow:2px 2px 4px #000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}span{font-size:smaller}.navbar-brand{font-size:1.3rem}#currentDateTime,.navbar-brand{background-color:none;border-radius:10px;color:#f5f5f5;padding:10px}#currentDateTime{font-size:1rem;margin-right:100px}.navbar-toggler{border:4px solid #f5f5f5;border-radius:20px;position:absolute;right:20px;top:20px;z-index:10}.tooltip{bottom:0;font-size:14px;left:75%;padding:10px;transform:translateX(-50%)}.nav-item:hover .tooltip{transform:translateX(20) translateY(-10%)}.nav-item{margin:20px 15px 0 0;text-align:right}#hero-container{align-items:center;flex-direction:column}.hero-left{border-radius:20px;margin-bottom:1rem;max-width:75%}.hero-left p{font-size:20px;line-height:25px;padding:1px 20px 20px;text-align:center}.hero-right{background-color:none;flex:1 1;margin:200px 20px 100px;max-width:100%;padding:20px}.hero-right p{font-size:16px;line-height:50px;padding:0;text-align:center}.skills-grid{gap:0;grid-template-columns:repeat(2,1fr);height:1500px;max-height:100%;max-width:100%}.skill-box{background-color:#222;border:3px solid beige;border-radius:60px;height:100px;width:100px}.skill-box:hover{background-color:#191970;border:4px solid beige;border-radius:60px;height:100px;width:100px}.portfoliocard1{height:300px;margin:80px auto;padding:10px;width:90%}.portfoliocard2{height:90%;margin:80px auto;width:80%}.info{background-color:#000;display:flex;flex-direction:column;height:50px;justify-content:space-between;left:50%;min-height:100px;padding:10px;position:absolute;top:15%;transform:translate(-50%,-50%);width:100%}.info,.info p{align-items:center}.info p{display:none;flex-grow:1;justify-content:center;margin:10px;padding:0}.extrainfo{background:#00000080;left:0;padding:20px;position:absolute;right:0;top:0}.info:hover .extrainfo{display:block;z-index:10}#search{align-items:center;background-color:#111;border:1px solid #ccc;border-radius:5px;display:flex;height:40px;margin:0 auto;padding:5px;width:100%}#post-list li{flex-direction:column;margin:20px 0;padding:10px 0}.blogcard{height:90%;margin:20px auto;width:90%}.blogcard-title{font-size:1.5rem}.blogcard-text{font-size:1rem}.blogcard-img-top{height:100%}.blogcard:hover{transform:translateY(-5px)}#changelog-component{align-items:center;display:flex;font-size:smaller;justify-content:center;padding:200px 0}.changelog{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#191970;border-bottom:3px solid #ffffff70;border-left:2px outset hsla(0,0%,100%,.545);border-radius:8px;box-shadow:-40px 50px 30px #00000047;color:#fff;cursor:pointer;height:120px;margin-bottom:5rem;overflow:hidden;padding:.5rem;transform:skewX(10deg);transition:.4s;width:400px}.changelog:hover{height:600px;transform:skew(0deg)}.changelog-title{color:#fff;font-size:40px;font-weight:700;margin:40px auto;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.changelog-subtitle{font-size:20px;padding:20px}.changelog-timeline{height:calc(100% - 150px);list-style:none;margin:10px auto;overflow-y:auto;padding:20px 0;position:relative}.changelog-timeline:before{background-color:#6610f2;border-radius:10px;bottom:25%;content:"";left:49.2%;position:absolute;top:5%;width:8px}.timeline-item{align-items:center;display:flex;justify-content:space-between;margin:0}.timeline-item:before{background-color:#daa520;border-radius:50%;content:"";height:20px;left:50%;position:absolute;transform:translate(-50%);width:20px}.timeline-date{color:#daa520;font-weight:700;padding:10px 20px 20px 50px;width:50%}.timeline-date,.timeline-description{text-align:center;text-shadow:2px 2px 4px #000}.timeline-description{color:#7b68ee;padding:5px 20px 0 0;width:45%}.changelog-button:hover{background:linear-gradient(135deg,#ffa633,#6610f2);text-shadow:0 2px 0 #000}footer{text-align:center}footer i{display:block;margin:0 auto}}@media (min-width:1200px){.modal-content{height:50%;margin:100px auto;max-height:500px;max-width:600px;padding:auto;width:50%}#hero-container{margin:0 auto;max-width:100%}.hero-left{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 20px 20px;max-width:50%}.hero-left p{font-size:20px;line-height:30px;padding:5rem;text-align:center}.hero-right{flex:1 1;font-size:12px;line-height:10px;margin:0 auto;max-width:100%;padding:.1rem;text-align:justify}.skills-grid{gap:.1rem;grid-template-columns:repeat(3,1fr);margin:1px;max-width:100%;padding:1px}.skill-box{font-size:.5rem;height:80px;line-height:20px;padding:.5rem;text-align:center;width:150px}.portfoliocard1{align-items:center;background-color:#6610f2;box-shadow:0 8px 16px #0006;color:#000;cursor:pointer;display:flex;height:100%;justify-content:center;margin:100px 0 0 655px;max-height:1200px;max-width:1200px;min-height:600px;min-width:800px;overflow:hidden;position:relative;transition:transform .2s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out;width:100%;z-index:1}.portfoliocard1:hover{background-color:#380093;transform:translateY(10px) scale(.95);z-index:10}.info{background-color:#000;color:#f5f5f5;height:20%;left:50%;min-height:100px;position:absolute;top:10%;transform:translate(-50%,-50%);width:100%}.info p{margin:10px;padding:50px}.extrainfo{background:#00000080;left:0;padding:20px;position:absolute;right:0;top:0}.info:hover .extrainfo{z-index:10}.portfoliocard1-img-top{border:4px solid #000;left:5%;width:90%}.portfoliocard1-img-top,.portfoliocard2-img-top{bottom:5%;height:90%;object-fit:cover;position:absolute;top:5%}.portfoliocard2-img-top{right:0;width:70%}#post-list li{margin:0 -15%;padding:30px 0}}body{font-family:Roboto,sans-serif;font-size:20px;line-height:1;margin:0 auto;padding:0}.contact-form-container{margin:50px auto;max-width:500px;padding:10px 20px;width:90%}.contact-form-container p{font-size:20px;font-weight:0;margin:0 auto;padding:20px;text-align:center}.contact-form-container input[type=email],.contact-form-container input[type=firstname]{background-color:#f5f5f5;border:2px solid #6610f2;border-radius:10px;box-sizing:border-box;color:#0000008c;font-size:15px;height:50px;margin:5px auto;padding:20px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;width:calc(100% - 20px);width:100%}.contact-form-container input[type=email]:focus,.contact-form-container input[type=firstname]:focus{border:4px solid #f5f5f5;box-shadow:0 0 8px #007bff40;outline:none}.contact-form-container textarea{height:200px;margin:5px auto;resize:vertical;width:100%}.contact-form-container textarea::placeholder{font-size:15px;margin:20px auto;padding:0}#contact textarea{border-radius:10px;font-size:15px;outline:none;padding:20px;transition:border-color .3s ease;width:100%}#contact textarea.limit-reached{border:4px solid red;color:red}#contact .char-count{color:#f5f5f5;font-size:20px;margin:20px auto;text-shadow:1px 1px 2px #000}#contact .char-count.limit-reached{color:red;text-shadow:1px 1px 2px #000}body.dark-mode #contact textarea,body.dark-mode .contact-form-container input[type=email],body.dark-mode .contact-form-container input[type=firstname]{background-color:#333;border:2px solid #fff;color:#daa520}body.dark-mode #contact textarea:hover,body.dark-mode .contact-form-container input[type=email]:hover,body.dark-mode .contact-form-container input[type=firstname]:hover{background-color:#333;border:4px solid #daa520;border-radius:20px;box-shadow:0 0 20px #daa520}body.light-mode #contact textarea,body.light-mode .contact-form-container input[type=email],body.light-mode .contact-form-container input[type=firstname]{background-color:#f5f5f5;border:2px solid navy;color:#6610f2}body.light-mode #contact textarea:hover,body.light-mode .contact-form-container input[type=email]:hover,body.light-mode .contact-form-container input[type=firstname]:hover{border:4px solid #6610f2;border-radius:20px;box-shadow:0 0 20px #6610f2}@media (max-width:600px){.contact-form-container{padding:15px}.contact-form-container h3{font-size:1.5rem}.contact-form-container button[type=submit]{background:linear-gradient(135deg,#000,#6610f2);border:2px solid #f5f5f5;border-radius:40px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:60px;margin:50px 0 0;padding:0;text-shadow:0 2px 0 #000;transition:background-color .3s ease-in-out,transform .1s;width:100%}.contact-form-container button[type=submit]:hover{background:linear-gradient(135deg,#daa520,#6610f2);border:2px solid #daa520}.contact-form-container button[type=submit]:active{transform:translateY(2px)}}
/*# sourceMappingURL=main.028d83ad.css.map*/