:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}body{margin:0}.slide-fade-enter-active{transition:all 2s ease-out}.slide-fade-leave-active{transition:all .5s cubic-bezier(1,.5,.5,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(20px);opacity:0}header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(ellipse at top,#2e328eb3,#0d0e28b3);z-index:99;width:100%;top:0;position:fixed;transition:.5 ease all;color:#fff}header nav{position:relative;display:flex;flex-direction:row;padding:12px 0;transition:.5s ease all;width:100%;margin:0 auto}@media(min-width:1000px){header nav{max-width:1000px}}header nav ul,header nav .link{font-weight:500;color:#fff;list-style:none;text-decoration:none}header nav .link-contact{border-radius:50px;text-decoration:none;color:#fff;background-color:#0095ff;padding:10px 20px;transition:.5s ease all}header nav .link-contact:hover{box-shadow:0 0 15px #0095ff80;cursor:pointer}header nav li{text-transform:uppercase;padding:16px;margin-left:16px}header nav .link{font-size:14px;transition:.5s ease all;padding-bottom:4px;border-bottom:1px solid transparent}header nav .link:hover{color:#0095ff;border-color:#0095ff;cursor:pointer}header nav .branding{display:flex;align-items:center}header nav img{padding-left:10px;transition:.5s ease all}header nav .navigation{display:flex;align-items:center;flex:1;justify-content:flex-end}header nav .icon{display:flex;align-items:center;position:absolute;top:0;right:24px;height:100%}header nav .icon i{cursor:pointer;font-size:24px;transition:.8s ease all}header nav .icon-active{transform:rotate(180deg);color:#141641;z-index:999}header nav .dropdown-nav{padding-top:10%;display:flex;flex-direction:column;position:fixed;width:100%;max-width:150px;height:3000%;background-color:#fff;top:-16px;right:0}header nav .dropdown-nav li{margin-left:0}header nav .dropdown-nav li .link{color:#141641}header nav .dropdown-nav li .link-contact{margin-left:-20px}header nav .mobile-nav-enter-active,header nav .mobile-nav-leave-active{transition:1s ease all}header nav .mobile-nav-enter-from,header nav .mobile-nav-leave-to{transform:translate(300px)}header nav .mobile-nav-enter-to{transform:translate(0)}footer{text-align:center;margin-top:50px}.presentation{background-color:#2e328e;padding:20px;border-radius:10px;text-align:center;width:70%;transition:all .3s ease 0s;outline:transparent 1px;outline-color:#0095ff80}.about{position:relative;display:block;transition:.5s ease all;width:100%;font-size:20px;font-weight:700;margin:200px auto 50px}@media(min-width:1000px){.about{max-width:1000px;font-size:17px}}.info{display:flex;flex-direction:column;align-items:center}.presentation:hover{outline:solid 1px #2E328E;outline-color:#0095ff80;box-shadow:0 0 15px #0095ff80}.job-header{justify-content:space-between;display:inline-flex;align-items:center;flex-direction:column;width:60%}@media(min-width:1000px){.job-header{max-width:1000px;flex-direction:row}}.job-title{margin-top:50px;margin-bottom:50px;font-size:30px;font-style:italic;text-align:center;transition:.3s ease all}@media(min-width:1000px){.job-title{font-size:23px;margin-bottom:80px;max-width:1000px;flex-direction:row;text-align:left}}.pic-quote{display:block;text-align:center}.profile-pic{margin:0 auto 20px;width:150px;height:150px;border-radius:100%;border:solid 3px;border-color:#f0f8ff;transition:all .3s ease 0s;overflow:hidden}@media(min-width:1000px){.profile-pic{margin-top:40px;max-width:1000px;flex-direction:row;text-align:left}}.profile-pic:hover{outline:solid 1px #2E328E;outline-color:#0095ff80;box-shadow:0 0 15px #0095ff80}.pic{object-fit:cover;margin-top:0;margin-left:0}.quote{right:10px;float:right;text-align:center;font-weight:400;font-style:italic;width:250px}.side{width:60%;border-left:3px solid #2E328E;margin-left:0;margin-top:-10px;margin-bottom:10px}.side .desc{font-size:20px;font-weight:100;margin-left:50px;margin-top:10px}@media(min-width:1000px){.side{max-width:1000px}}.link-container{margin-top:20px;text-align:center;justify-content:space-between}.link-container{width:60%}.web-link{padding-left:30px;padding-right:30px;width:150px;display:inline-flex;flex-direction:row;align-items:center;color:#0ef;font-size:20px;margin-top:-30px;border-radius:20px;transition:.3s ease all;margin-bottom:30px}.web-link .link-text{margin-left:20px}.web-link:hover{background-color:#00eeff1a;outline:1px solid #00eeff;cursor:pointer;box-shadow:0 0 15px #0095ff80}.thumb{width:100%;height:100%;z-index:0}.project-display{scroll-snap-align:start;width:100%;height:100vh;display:flex;align-items:end;justify-content:space-between;gap:50px;color:#fff;background-image:var(--bg-image);background-repeat:no-repeat;background-position:center;background-size:cover}.project-summary{margin-left:50px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:space-around;gap:20px}.project-title{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;color:#fff;z-index:10;font-size:20px}.scroll-buttons{display:flex;flex-direction:column;gap:20px;margin-right:20px}.scroll-buttons button{font-size:30px;background:transparent;border:none}.scroll-buttons button:hover{cursor:pointer}#projects{width:100%;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}label{font-size:17px;font-weight:100;margin:5px 0;text-transform:capitalize;letter-spacing:1px}#contact_form{display:flex;align-items:center;height:100px;flex-direction:column;margin-top:200px}.request_message{width:400px;text-transform:capitalize;background-color:#0095ff;text-align:center;font-size:13px;padding:15px;margin-bottom:20px;border-radius:20px;box-shadow:0 0 8px #0095ff80;animation:display_message .5s ease-out}@keyframes display_message{0%{transform:translateY(-70px)}}form{outline:1px solid #2E328E;background-color:#00000080;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 0 8px #00000080;width:80%;padding:0 20px 20px}@media(min-width:1000px){form{max-width:1000px;font-size:17px;width:60%}}form h2{color:#edf0f1;font-size:35px;text-align:center}input,textarea{padding:8px;resize:none;outline:0;border:2px solid #2E328E;border-radius:4px}#send_btn{border-radius:50px;background-color:#0095ff;padding:10px;margin-top:18px;letter-spacing:1px;text-transform:uppercase;border:0}#send_btn:hover{box-shadow:0 0 8px #0095ff80;cursor:pointer}.category-name{margin-right:10px}.label{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:0;width:50%}.label-text{outline:1px solid #00eeff;border-radius:5px;padding:5px;text-transform:uppercase;font-size:10px;margin-right:5px}.category{display:flex;flex-direction:row}.article-title{width:70%;text-align:left;font-size:30px}.article-text{margin-top:5px;font-weight:200;font-size:20px;width:60%;text-align:left}.project-page{position:relative;display:block;font-size:20px;font-weight:700;width:80%;margin:200px auto 100px;border-radius:10px;background-color:#0000004d;padding:20px 20px 20px 15px;transition:.5s ease all}.presentation{margin-top:20px}.project-page{position:relative;display:block;font-size:20px;font-weight:700;width:80%;margin:200px auto -50px;border-radius:10px;background-color:#0000004d;padding:20px 20px 20px 15px;transition:.5s ease all}.article-text{text-align:center;margin-top:20px}.project-page{position:relative;display:block;font-size:20px;font-weight:700;width:90%;margin:200px auto -50px;border-radius:10px;background-color:#0000004d;padding:20px 20px 20px 15px;transition:.5s ease all}@media(min-width:1000px){.project-page{max-width:1000px;font-size:17px;width:70%}}.bottom{display:flex;flex-direction:column;margin-top:100px}.project-details{display:flex;flex-direction:column}@media(min-width:1000px){.project-details{max-width:1000px;font-size:17px;display:flex;flex-direction:row}}.details-text{margin-left:-20px;display:flex;flex-direction:column;align-items:center}.details-media{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;align-items:center}@media(min-width:1000px){.details-media{max-width:1000px;font-size:17px;display:flex;flex-direction:column}}.details-img{margin-top:50px}.trailer{margin-top:20px}.link-pres{margin-bottom:30px}.link-pres .links-container{text-align:left}.article-text{text-align:center}@media(min-width:1000px){.article-text{max-width:1000px;text-align:left}}.article-title{text-align:center}@media(min-width:1000px){.article-title{max-width:1000px;text-align:left}}