@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,"sans-serif";font-size:20px}hr{border:5px solid #A6020C;margin-top:-5%;margin-bottom:5%}@media only screen and (max-width: 780px){*{font-size:12px}hr{margin-top:-3%;margin-bottom:3%}}#nav{display:flex;justify-content:space-between;align-items:center;padding:1.5%;text-transform:uppercase;position:fixed;width:100%;background-color:#fff;z-index:2}.nav-menu{display:flex}.nav-menu>li{margin-left:30px;transition:transform .5s}.nav-menu>li:hover{transform:translateY(-5px)}.nav-link{transition:color .5s;font-weight:400}.nav-link:hover{cursor:pointer;color:#a6020c}.logo{display:flex;align-items:center}.logo-name{transition:color .5s;font-size:1.5em;color:#333;padding-left:10px}.logo-name:hover{cursor:pointer;color:#a6020c}.logo-pic{border-radius:50%;width:46px;height:46px;object-fit:cover}.hidden{display:none;font-size:2em}@media only screen and (max-width: 780px){.hidden{display:block;cursor:pointer}.nav-menu{flex-direction:column;position:fixed;top:0;right:0;z-index:2;background-color:#fff;height:100vh;width:150px;box-shadow:#00000059 0 5px 15px}.nav-menu>li{margin-top:15%}}#home{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100vh;background-color:#f4f0ec;padding:20px;position:relative}.home-title{font-size:3.3em;text-transform:uppercase;margin-bottom:1rem;color:#333;text-align:center;font-weight:700;letter-spacing:1px}#home>p{margin:5% 0;width:50%;text-align:center;line-height:1.6;color:#333}#home>ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;padding:0 10px;width:100%;max-width:800px;margin:2rem 0}#home>ul>li{transition:transform .3s ease;flex:0 1 auto}#home>ul>li:hover{transform:translateY(-10px)}.home-buttons{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;transition:all .3s ease;padding:20px 60px;background-color:#a6020c;color:#fff;white-space:nowrap;display:inline-block;text-align:center;font-weight:500;letter-spacing:.5px;border:none;cursor:pointer}.home-buttons:hover{box-shadow:10px 5px 5px #ababab;border-radius:5px}.home-buttons:hover{background-color:#8d020a}#home>nav{position:absolute;right:1%;z-index:1}#home .fab{font-size:2em;margin-top:30px;color:#333;transition:all .3s ease}#home .fab:hover{transform:translateY(-5px);color:#a6020c}@media only screen and (max-width: 450px){#home{padding:15px}#home p{width:90%;margin-bottom:1rem;font-size:.9em}.home-buttons{padding:12px 20px;font-size:.9em;width:100%;max-width:200px}.home-title{font-size:2.5em;margin-bottom:.5rem}#home>ul{margin:1rem 0;gap:10px}#home .fab{font-size:2.5em}#home>nav{position:relative;margin-top:1.5rem;width:100%;display:flex;justify-content:center;align-items:center}#home>nav>ul{display:flex;gap:40px}#home>nav>ul>li{margin:0}}@media only screen and (max-width: 780px) and (min-width: 451px){#home p{width:70%;margin-bottom:2rem}.home-buttons{padding:12px 45px;max-width:180px}#home>ul{gap:20px}.home-title{font-size:3em}}#about{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.about-title{font-size:2.5em;text-transform:uppercase;margin-bottom:40px;margin-top:40px}.profile-pic{border-radius:50%;height:300px;margin-bottom:40px;object-fit:cover;transition:box-shadow .5s,transform .5s}.profile-pic:hover{transform:translateY(-10px);box-shadow:3px 3px #ababab,-1em 0 .4em #ababab;cursor:pointer}.about-flex-container{width:100%;display:flex;justify-content:space-evenly;margin-bottom:10%}.about-flex-container>div{width:45%}.about-flex-container>div>p{font-size:.9em;color:#333}.about-block-title{font-size:2em;margin-bottom:20px}.about-flex-container>div>ul{display:flex;flex-wrap:wrap}.about-flex-container>div>ul>li{padding:20px;width:40%;margin-bottom:20px;margin-right:20px;text-align:center;font-size:.7em;background-color:#f4f0ec;transition:border-radius .5s,box-shadow .5s,transform .5s}.about-flex-container>div>ul>li:hover{box-shadow:10px 5px 5px #ababab;border-radius:5px;cursor:pointer;transform:translateY(-10px)}.skills{font-size:2rem;text-align:center}.about-subtitle{margin-bottom:20%;font-size:1.2em}.about-heading{text-align:center}.contact-button-hover{margin-top:10%;transition:transform .5s}.contact-button-hover:hover{transform:translateY(-10px)}.contact-button{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;padding:20px 60px;background-color:#a6020c;color:#fff;transition:border-radius .5s,box-shadow .5s}.contact-button:hover{box-shadow:10px 5px 5px #ababab;border-radius:5px;cursor:pointer}@media only screen and (max-width: 780px){.about-flex-container{flex-direction:column;justify-content:center}.about-flex-container>div{width:100%;text-align:center;padding:0 20px}.about-flex-container>div>ul{justify-content:center}.about-flex-container>div>ul>li{font-size:1em}.about-flex-container>div>p{font-size:1em}.about-block-title{margin-top:50px}.contact-button{padding:12px 45px}.profile-pic{margin-bottom:10px}}#projects{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;background-color:#f4f0ec;padding:2rem 0}.projects-title{font-size:2.5em;text-transform:uppercase;margin-bottom:2rem;margin-top:2rem}.projects-subtitle{margin-bottom:2rem;font-size:1.2em}.projects-flex-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:2rem;width:90%;max-width:1400px}.projects-box{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;width:48%;height:400px;transition:transform .5s;overflow:hidden;border-radius:8px;border:2px solid #A6020C}.projects-box:hover{transform:scale(1.02);cursor:pointer;box-shadow:0 0 20px #a6020c4d}.image{width:100%;height:100%;object-fit:cover;object-position:center}.projects-description{width:48%;height:auto;min-height:400px;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:#0000001a 0 4px 12px}.projects-name{font-size:1.5em;margin-bottom:1rem;color:#a6020c}.projects-description>p{margin-bottom:1rem;line-height:1.6}.projects-description>ul{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}.projects-description>ul>li{font-size:.8em;padding:.5rem 1rem;background-color:#f8f8f8;border:1px solid #A6020C;border-radius:4px;color:#a6020c;font-weight:500;transition:all .3s ease}.projects-description>ul>li:hover{transform:translateY(-3px);background-color:#a6020c;color:#fff;cursor:pointer;box-shadow:0 4px 8px #a6020c33}.website-button-hover{margin-top:1rem;transition:transform .3s}.website-button-hover:hover{transform:translateY(-5px)}.website-button{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;padding:1rem 2rem;background-color:#a6020c;color:#fff;transition:all .3s;display:inline-block;border-radius:4px}.website-button:hover{box-shadow:10px 5px 5px #ababab;background-color:#8d020a;cursor:pointer}.projects-heading{text-align:center}@media only screen and (max-width: 450px){.projects-box{width:90%;height:300px}.projects-description{width:90%;min-height:auto;margin-bottom:2rem}.projects-description>p{margin-bottom:.5rem}.projects-name{margin-bottom:.5rem}.website-button{padding:.8rem 1.5rem}.projects-description>ul>li{padding:.4rem .8rem;font-size:.7em}}@media only screen and (max-width: 780px) and (min-width: 451px){.projects-box{width:90%;height:350px}.projects-description{width:90%;min-height:auto;margin-bottom:2rem}.projects-description>p{margin-bottom:.8rem}.projects-name{margin-bottom:.8rem}.website-button{padding:.8rem 1.5rem}.projects-description>ul>li{padding:.4rem .8rem}.website-button-hover{margin-top:5%}.projects-flex-container{padding-bottom:50px}}#contact{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;text-align:center;margin-top:150px}.contact-title{font-size:2.5em;text-transform:uppercase;margin-bottom:20%;margin-top:80%}#contact>p{width:55%;margin-bottom:5%;font-size:1.2em}#contact>div{border-radius:5px;width:60%;margin-bottom:10%;display:flex;justify-content:center;box-shadow:#00000059 0 5px 15px}#contact>div>form{width:90%;text-align:start;margin:5% 0}#contact>div>form>div{margin-bottom:5%}#contact>div>form>div>input{border:none;border-radius:5px;margin-top:1%;width:100%;height:50px;padding-left:2%;background-color:#e1e1e1}#contact>div>form>div>textarea{border:none;border-radius:5px;margin-top:1%;padding:2%;width:100%;background-color:#e1e1e1}.submit-button{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;border:none;padding:20px 60px;background-color:#a6020c;color:#fff;transition:border-radius .5s,box-shadow .5s,transform .5s}.submit-button:hover{transform:translateY(-10px);box-shadow:10px 5px 5px #ababab;border-radius:5px;cursor:pointer}@media only screen and (max-width: 780px){.submit-button{padding:12px 45px}#contact>div{width:80%}}#footer{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%;background-color:#000}#footer p{color:#fff}.footer-line{border:1px solid #fff;margin:0;width:80%}.footer-container{display:flex;flex-wrap:wrap;width:80%;text-align:start}.footer-container>div>p{margin:5% 0;font-size:.9em}.footer-container>div{width:50%}.footer-copyright{font-size:.7em;margin:2% 0}.heart{color:red;font-size:.8em}.footer-container>div>ul{display:flex;justify-content:flex-end}.footer-container>div>ul>li{margin-left:10%}.footer-social{text-align:center;text-transform:uppercase}#footer .fab{font-size:2em;color:#fff;transition:color .5s,transform .5s}#footer .fab:hover{color:#a6020c;transform:translateY(-5px)}.footer-name{text-transform:uppercase}@media only screen and (max-width: 450px){#footer p{font-size:1em}#footer .fab{font-size:4em}.footer-container>div{width:100%}.footer-social{text-align:start}.footer-container>div>ul{justify-content:flex-start;margin-bottom:5%}.footer-container>div>ul>li{margin-left:0;margin-right:13%}}html,body{height:100%;margin:0;background-color:#f4f0ec}.loader{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#f4f0ec;position:fixed;top:0;left:0;z-index:1000}.container{display:flex;flex-direction:column;align-items:center;height:200px}.carousel{display:flex;gap:1rem;position:relative}.love,.death,.robots{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center}.love{background-color:red;position:relative;animation:scroll-up 4s infinite ease-in-out}.death{background-color:#000;position:relative;animation:rotation 3s infinite ease-in-out}.robots{background-color:#00f;position:relative;animation:scroll-down 4s infinite ease-in-out}@keyframes scroll-up{0%{transform:translateY(0);filter:blur(0)}30%{transform:translateY(-150%);filter:blur(10px)}60%{transform:translateY(0);filter:blur(0px)}}@keyframes scroll-down{0%{transform:translateY(0);filter:blur(0)}30%{transform:translateY(150%);filter:blur(10px)}60%{transform:translateY(0);filter:blur(0px)}}@keyframes rotation{20%,to{transform:rotate(180deg)}}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Roboto,"sans-serif";font-size:20px}a{text-decoration:none;color:#000}li{list-style:none}hr{border:5px solid #fd5c63;margin-top:-40px;margin-bottom:40px}