@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}a{text-decoration:none;color:#000}li{list-style:none}hr{border:5px solid #A6020C;margin-top:-15%;margin-bottom:15%}@media only screen and (max-width: 780px){*{font-size:12px}}#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{height:50px;border-radius:50%;cursor:pointer}.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}.home-title{font-size:3.3em;text-transform:uppercase}#home>p{margin:5% 0;width:50%;text-align:center}#home>ul{display:flex}#home>ul>li{transition:transform .5s}#home>ul>li:hover{transform:translateY(-10px)}.home-buttons{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;padding:20px 60px;margin-left:20px;background-color:#a6020c;color:#fff;transition:border-radius .5s,box-shadow .5s}.home-buttons:hover{box-shadow:10px 5px 5px #ababab;border-radius:5px;cursor:pointer}#home>nav{position:absolute;right:1%}#home .fab{font-size:2em;margin-top:30px;transition:color .5s,transform .5s}#home .fab:hover{transform:translateY(-5px);color:#a6020c}@media only screen and (max-width: 450px){#home p{width:80%;margin-bottom:10%}.home-buttons{padding:12px 45px}.home-title{font-size:2.8em}#home .fab{font-size:4em}#home>nav{right:15%;bottom:1%}#home>nav>ul{display:flex}#home>nav>ul>li{margin-left:35px}}@media only screen and (max-width: 780px) and (min-width: 451px){#home p{width:60%;margin-bottom:10%}.home-buttons{padding:12px 45px}}#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;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:30%;margin-bottom:20px;margin-right:20px;text-align:center;font-size:.8em;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)}.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}.projects-title{font-size:2.5em;text-transform:uppercase;margin-bottom:20%;margin-top:20%}.projects-flex-container{display:flex;justify-content:space-evenly;flex-wrap:wrap}.projects-box{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;width:45%;margin-bottom:10%;height:350px;transition:transform .5s}.projects-box:hover{transform:scale(1.1);cursor:pointer}.image{width:100%;height:auto}.projects-description>ul{display:flex;flex-wrap:wrap}.projects-description>ul>li{font-size:1em;margin-right:10px;transition:transform .5s,color .5s}.projects-description>ul>li:hover{transform:translateY(-5px);color:#a6020c;cursor:pointer}.projects-description>p{margin-bottom:5%}.projects-name{font-size:1.5em;margin-bottom:10%}.website-button-hover{margin-top:10%;transition:transform .5s}.website-button-hover:hover{transform:translateY(-10px)}.website-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}.website-button:hover{box-shadow:10px 5px 5px #ababab;border-radius:5px;cursor:pointer}.projects-description{width:45%;margin-bottom:10%;height:400px}.projects-subtitle{margin-bottom:5%;font-size:1.2em}.projects-heading{text-align:center}@media only screen and (max-width: 450px){.projects-box{width:90%;height:200px}.projects-description{width:90%;height:200px;margin-bottom:15%}.projects-description>p{margin-bottom:5%}.projects-name{margin-bottom:5%}.website-button{padding:12px 45px}}@media only screen and (max-width: 780px) and (min-width: 451px){.projects-box{width:90%}.projects-description{width:90%;height:200px;margin-bottom:10%}.projects-description>p{margin-bottom:5%}.projects-name{margin-bottom:5%}.website-button{padding:12px 45px}.website-button-hover{margin-top:5%}}#contact{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;text-align:center}.contact-title{font-size:2.5em;text-transform:uppercase;margin-bottom:20%;margin-top:20%}#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%}}