@font-face{font-family:Binary;src:url(/fonts/LTBinaryNeue.ttf) format("truetype")}@font-face{font-family:Quitars;src:url(/fonts/Quitars.ttf) format("truetype")}@font-face{font-family:Venite Adoremus Straight;src:url(/fonts/Venite_Adoremus_Straight.ttf) format("truetype")}@font-face{font-family:CloudReg2;src:url(/fonts/CloudReg2.ttf) format("truetype")}:root{--border-size: -3px;--primary-color: #048A81;--contrast-color: #340068;--accent-color: #84ff00}.title{text-align:center;font-size:50px;margin-bottom:0}.list{list-style-type:"+ ";text-align:left}html{scroll-behavior:smooth;width:100%;height:100%}body{position:relative;margin:0;padding:0;min-height:100vh;width:100%;font-weight:700;font-family:CloudReg2}.navbar{padding:10px 0;display:flex;background-color:var(--primary-color);height:7vh;align-items:center;font-size:20px;width:100%;border-bottom:2px solid black}.footer{position:relative;background-color:var(--primary-color);bottom:0;width:auto;color:var(--contrast-color);padding:1% 0%;display:flex;flex-direction:column;justify-content:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.footer>a{color:#fff}.footer_element{flex:1 0 10%;margin:.25rem auto;position:relative}.container{display:flex;height:auto;padding-inline:2%;flex-direction:column;flex-wrap:wrap;justify-content:left;min-height:100vh;color:#e7e7e7}.background{display:block;position:absolute;width:100%;height:100%;overflow:hidden;z-index:-1;background-image:linear-gradient(var(--primary-color),var(--contrast-color))}@media(max-width:1100px){.navbar{padding:0;margin-inline:0;width:1100px}.footer{width:1100px}.title{font-size:40px}}@media screen and (max-width:700px){.navbar{padding:0;margin-inline:0;font-size:14px;width:100%}.footer{width:100%}.title{font-size:35px}}.intro{flex:2;min-height:100%;font-size:24px;border-radius:15px;padding-inline:2%;color:#e7e7e7;letter-spacing:2px}.navTitle{width:4%}.link{margin-inline:5px;color:var(--accent-color);text-decoration:none;padding:10px 5px;border:var(--border-size) hidden}.link:hover{box-shadow:0 0 5px 5px var(--accent-color);margin-inline:5px;border-radius:7px;transition:all .3s ease-in}.row{position:relative;display:flex;flex-direction:row;flex-wrap:wrap}.car_container{position:relative;display:flex;flex-direction:column;width:100%;flex:2}.carousel{position:relative;display:flex;flex-direction:row;width:100%;align-items:center;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;background-color:#000000b5;margin:7.5% auto;border-radius:15px}.car_image{flex:1 0 95%;background-color:#949494;border:5px solid gray;border-radius:15px;aspect-ratio:16/9;scroll-snap-align:center;margin-inline:5%;max-width:95%}.carousel::-webkit-scrollbar{height:8px}.carousel::-webkit-scrollbar-thumb{background:#fff}.carousel::-webkit-scrollbar-track{background:#b1b3b399}.scroll_btn{position:absolute;top:0;bottom:0;margin:auto;font-size:60px;font-weight:700;opacity:.4;height:8rem;width:3rem;background-color:gray;border:none;cursor:pointer;color:#fff}.scroll_btn:hover{opacity:.8}.next_btn{right:0;border-radius:2rem 0 0 2rem}.prev_btn{left:0;border-radius:0 2rem 2rem 0}.examples>a{color:var(--accent-color)}.examples>a:hover{color:#fff}@media(max-width:1600px){.carousel{margin:20% auto}}@media(max-width:1230px){.row{flex-direction:column;justify-content:center}.car_container{position:relative;display:block;width:90%;height:auto;margin:4% auto 5%}.car_image{width:95%;aspect-ratio:16/9;margin:4% 5%}.container{display:block;width:95%;height:auto;padding:0}.carousel{margin:5% auto}.intro{margin-inline:3%;flex:1 0 90%;min-height:100%;padding:0;text-align:center}.scroll_btn{font-size:30px;height:4rem;width:2rem}}.card{width:auto;max-width:25%;min-width:280px;max-height:500px;background-color:#fff3;margin:1.5%;border-radius:15px;padding:1%;box-shadow:15px 15px 10px;overflow-y:hidden;position:relative;border:inset black 5px;transition:max-height .75s linear 0s;color:#000}.card_title{text-align:center;font-family:Quitars;font-size:50px}.card_title>a{color:#000}.card_title a:hover{color:#f0f8ff}.empty_link{text-align:center;font-family:Quitars;font-size:50px}.empty_link a{text-decoration:none;text-align:center;color:#000}.placeholderimg{aspect-ratio:1.5/1;width:70%;height:auto;max-width:400px;background-color:#000;display:block;margin-inline:auto;border-radius:10px}.image{display:block;margin-inline:auto;width:100%;aspect-ratio:16/9;border-radius:10px}.github{margin-bottom:0}.github a{color:var(--accent-color)}.github a:hover{color:#fff}.expand_btn{font-size:18px;z-index:5;position:absolute;display:block;bottom:5px;left:calc(50% - 45px);color:#000;background-color:#fff;border:4px solid transparent;border-radius:5px;transition:all .2s ease-in}.expand_btn:hover{color:#fff;background-color:#000;transition:all .2s ease-in}.description{margin-bottom:7%}.frame{width:100%;aspect-ratio:16/9;overflow-x:hidden}@media screen and (max-width:1100px){.row{gap:30px}.card{max-width:40%}.description{margin-bottom:12%}}@media screen and (max-width:717px){.card{max-width:75%;margin:auto 0 10%;padding:3%;max-height:450px}.description{margin-bottom:15%}.card_title,.empty_link{font-size:36px}}.headshot{position:absolute;display:block;width:30%;height:auto;right:5%;margin:auto;border:1px solid black;background-color:#000;color:#fff}.info{position:relative;display:block;width:60%;height:auto;font-size:20px;margin-inline:auto;margin-bottom:7%;letter-spacing:2px}.col{position:relative;width:50%}.contact_info{display:block;font-size:20px;letter-spacing:2px}.contact_info>h3{position:relative;margin-bottom:8px;padding:0;font-size:24px}.contact_info a{color:#e7e7e7}.certifications{width:60%;margin-inline:auto}.certifications .col{width:100%}.badge{width:auto}@media(max-width:1100px){.headshot{width:50%;height:auto}.info{width:90%}}@media(max-width:600px){.headshot{width:100%;height:auto;margin:0;padding:none;position:relative}.info{width:90%;text-align:center}.row{flex-direction:column;margin:auto;width:100%}.col{font-size:smaller;margin:auto;width:75%}.col>div>h3{font-size:14px}.contact_info{font-size:20px}.contact_info>h3{font-size:26px}}.resume{display:block;position:relative;width:50%;margin-inline:auto;border:1px solid black;margin-bottom:1.5rem}.download{display:block;margin-bottom:2rem;text-align:center;color:#fff;letter-spacing:2px}.download a{color:var(--primary-color);letter-spacing:0px}.download a:hover{color:#8484ff}.header{text-align:center}@media screen and (max-width:700px){.resume{width:90%}}