body,html{font-family:Courier New,Courier,monospace;height:auto;margin:0;max-height:100vh;overflow-x:hidden;scroll-behavior:smooth}.center{text-align:center}@-webkit-keyframes slideInFromBelow{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromBelow{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.projects-section{background-color:#0e1b3d;height:100%;width:100%}@media (prefers-reduced-motion:no-preference){.projects-section-animation{-webkit-animation:slideInFromBelow 1s ease-in-out;animation:slideInFromBelow 1s ease-in-out}}@-webkit-keyframes slideInFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.about-me-section{-webkit-animation:slideInFromRight 1s ease-out 0s 1;animation:slideInFromRight 1s ease-out 0s 1;background-color:#9ee0ce}.about-text{font-size:3vh;font-weight:700;margin-left:1%;margin-right:1%}@media screen and (min-width:1300px){.about-row{display:flex;flex:1 1;margin-bottom:5%;margin-left:3%}}.about-me-section{margin-bottom:-3.8vh}@-webkit-keyframes slideInFromZ{0%{-webkit-transform:translateZ(100%);transform:translateZ(100%)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInFromZ{0%{-webkit-transform:translateZ(100%);transform:translateZ(100%)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@media (prefers-reduced-motion:no-preference){.contact-animation-section{-webkit-animation:slideInFromZ 1s ease-in-out;animation:slideInFromZ 1s ease-in-out}}.greeting{font-size:15vw;margin-bottom:0}.profile-pic{border-radius:50%;width:100%}.button{background-color:#212721;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:16px;margin:4px 2px;padding:8px 32px;text-align:center;text-decoration:none;transition-duration:.4s}.hoverable-btn:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.a-tag-btn{background:none;border:none;cursor:pointer;text-decoration:none}.a-tag-btn:hover{background-color:#494b49}img{height:100%;width:100%}.frame{display:block;margin-left:auto;margin-right:auto;width:50%}.chip{background-color:#eeeee4;border-radius:15px;display:inline-block;font-size:16px;height:50px;line-height:50px;margin-bottom:5px;margin-right:5px;padding:0 15px}.closebtn{color:#888;float:right;font-size:20px;font-weight:700;padding-left:10px}.group-skills .chip{display:inline-block}.project-row{display:flex}.project-item{flex:1 1}.project-title{color:#fff;margin-left:5px;white-space:normal}.project-chip{background-color:#59648f;border-radius:15px;display:inline-block;font-size:16px;height:50px;line-height:50px;margin-bottom:5px;margin-right:5px;padding:0 15px;text-overflow:inherit}.pop-out-img{opacity:1;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.pop-out-img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .4s ease-in-out}.project-closebtn{color:#888;float:right;font-size:20px;font-weight:700;padding-left:10px}.project-item .regular{object-fit:scale-down}@media screen and (max-width:600px){.project-item .extra-tall{height:auto;width:100%}}@media screen and (min-width:600px){.project-item .extra-tall{height:auto;width:50%}}.project-item{margin-right:1%}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,15%,0);transform:translate3d(0,15%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,15%,0);transform:translate3d(0,15%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@media screen and (max-width:600px){.social-media-links a{margin-right:10%}}@media screen and (min-width:600px){.social-media-links a{margin-right:2%}}.social-media-links{align-items:center;display:flex;justify-content:center}.social-media-links a{border-radius:50%;display:block;font-size:30px;padding:10px;text-align:center;text-decoration:none;width:30px}.social-media-links a:hover{opacity:.7}.fa-linkedin{background:#007bb5;color:#fff}.fa-github{background:#000;color:#fff}.footer{background-color:#000;color:#fff;padding:2vh 0}@media screen and (max-width:600px){.footer{margin-bottom:-5vh}}.dropdown{display:inline-block;position:relative}.dropdown-btn{cursor:pointer}.dropdown-content .dropdown-link{display:block;padding:3vh;text-decoration:none;width:100%}.dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;z-index:1}.dropdown:hover .dropdown-content{display:block}@-webkit-keyframes slideInFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.toolbar{-webkit-animation:slideInFromLeft 1s ease-out 0s 1;animation:slideInFromLeft 1s ease-out 0s 1;background:#333;margin-bottom:-11%;padding:1.5vh 2.5vh 0}.toolbar-link{color:#fff;display:inline-block;margin-right:5%;text-decoration:none}.toolbar-text{font-size:3vw}.toolbar-text,.toolbar-text:active,.toolbar-text:hover,.toolbar-text:visited{color:inherit;text-decoration:none}