*{box-sizing:border-box;margin:0;padding:0}.app-container{display:flex;flex-direction:column;background-color:#181818;min-height:100vh;width:100%}.main-content{flex:1}.page-title{font-family:Francois One,sans-serif;font-style:normal;margin:3rem;font-size:4em;color:#fff;text-align:center}ul{padding-left:0}.nav-link{color:#fff;display:block;padding:.25rem;text-decoration:none}.nav-link:hover{color:#ef0d8d}.nav-link.active{border-bottom:3px solid #ef0d8d;font-weight:bolder;color:#fff}@media screen and (max-width: 1040px){.link{font-size:3.5rem!important}}@media screen and (max-width: 970px){.link{font-size:3rem!important}}@media screen and (max-width: 902px){.link{font-size:2.75rem!important}}@media screen and (max-width: 525px){.link{font-size:2.5rem!important}}@media screen and (max-width: 480px){.link{font-size:2rem!important}}.download-button:hover{color:#ef0d8d}.footer{background-color:#219ebc;height:4.5rem;display:flex;align-items:center;justify-content:center;border-top:solid white 5px;position:sticky;bottom:0}.socialLogo{height:35px;padding-left:10px;padding-right:10px}.socialContainer{position:relative;display:inline-block}.socialLogo.hover,.socialContainer:hover .socialLogo.normal{display:none}.socialContainer:hover .socialLogo.hover{display:block}.AboutContainer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.about{font-weight:500;color:#fff;font-family:Quicksand,sans-serif;padding:0 1rem;font-size:1.25rem}.techno-titles{font-weight:700;font-size:1.25rem;font-family:Quicksand,sans-serif}.techno-details{background-color:#ef0d8d;font-weight:700;color:#fff;border:1px solid white;font-family:Quicksand,sans-serif}#panel1-header,#panel2-header,#panel3-header,#panel4-header,#panel5-header{color:#fff;background-color:#1f1f1f;border:1px solid #219ebc}.portraitBlue{max-width:100%;height:auto}.about-section-title{font-family:Francois One,sans-serif;font-style:normal;font-size:3em;color:#fff;text-align:center;padding-bottom:2rem}.form-container{display:flex;flex-wrap:wrap;width:100%}.send-message{text-align:center;color:#fff;font-size:3.5rem;padding-bottom:3rem;padding-top:5rem;width:100%;font-family:Quicksand,sans-serif}.form input,.form textarea{background-color:#1f1f1f;color:#fff;border:4px solid #219ebc;outline:none;margin-top:5px;margin-bottom:5px;width:100%;border-radius:5px;font-size:1.5rem;font-family:Quicksand,sans-serif}#email,#name{height:4rem}#message{min-height:8rem}.form .inputBox::placeholder{display:flex;color:#ffffff80}.form .inputBox:focus{background:transparent;border-color:#ef0d8d;color:#fff}.form button{width:20rem;height:60px;background-color:#ef0d8d;margin:20px auto;border-radius:10px;font-size:2.5rem;font-weight:700;font-family:Bebas Neue,sans-serif;font-style:normal}.form button:hover{background-color:#219ebc}.error-text{color:#ef0d8d}@media screen and (max-width: 525px){.send-message{font-size:2.5rem}.inputBox{width:90%}}@media screen and (max-width: 376px){.send-message{font-size:2rem}}.contact-details{color:#fff!important;font-size:2rem!important;font-family:Quicksand,sans-serif!important;text-transform:none!important}.contact-me{text-align:center;color:#fff;font-size:3.5rem;padding-bottom:3rem;padding-top:5rem;font-family:Quicksand,sans-serif}.my-name{text-align:center;color:#fff}@media screen and (max-width: 525px){.contact-details{font-size:1.5rem!important}.my-name{font-size:2.75rem!important}.contact-me{font-size:2.5rem}}@media screen and (max-width: 376px){.contact-details{font-size:1.25rem!important}.my-name{font-size:2.5rem!important}.contact-me{font-size:2rem}}.contact-holder{display:flex;flex-wrap:wrap;justify-content:space-evenly}.home{margin:0 auto;overflow:hidden;display:flex}.textContainer{padding:2rem 5rem!important;color:#fff;font-size:3rem;flex-direction:column;font-weight:500;font-family:Quicksand,sans-serif}.hello{font-size:1.5rem;font-weight:bolder}.homeName{color:#219ebc;font-weight:900}.homeintro{font-weight:100;font-size:1.5rem}.btnContainer{display:flex;width:100%;flex-wrap:wrap;align-items:center;padding-top:3rem}.button{width:20rem;height:4rem;margin:20px auto!important;border-radius:10px;font-weight:700;font-family:Bebas Neue,sans-serif;font-style:normal;font-size:3rem;background-color:#ef0d8d;color:#212529;text-decoration:none;text-align:center;align-items:center}.button:hover{background-color:#219ebc;color:#000}@media screen and (max-width: 500px){.textContainer{font-size:2rem;padding-bottom:0}.hello,.homeintro{font-size:1rem}.btnContainer{padding-top:0}.button{width:8rem;height:2rem;font-size:1.5rem;margin:10px auto!important}.imgContainer{padding-top:0!important}}.main-container{position:relative}.grid-container{display:flex;justify-content:center}.project-container{width:40rem;padding-bottom:1rem}.heading{text-align:center}.btn-container{display:flex;width:100%;justify-content:space-evenly}@media screen and (max-width: 645px){.project-container{width:35rem}}@media screen and (max-width: 560px){.project-container{width:30rem}}@media screen and (max-width: 480px){.project-container{width:25rem}.buttons{font-size:1.25rem!important}}@media screen and (max-width: 335px){.buttons{font-size:1rem!important}}