body{background-color:#fdf1df;margin:0;font-family:Manrope;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body h1{font-style:normal;font-weight:700;font-size:40px}body h2{font-weight:700;font-size:36px}body h3{font-style:normal;font-weight:700;font-size:20px}body p{font-style:normal;font-weight:400;font-size:18px;white-space:normal;overflow-wrap:normal}body li{font-style:normal;font-weight:400;font-size:18px}.smol-text{font-size:16px;font-weight:400;text-align:center;margin:0}.link-text{text-decoration:none;font-weight:700;font-size:20px;color:#000;border-bottom:3px solid;border-bottom-color:#f0c42e}.bold-text{font-weight:800;color:#000;text-decoration:none}.heavy-weight-font{font-weight:700;font-size:20px}a,a:visited{text-decoration:none;color:#000}.App{width:100vw;height:auto;min-height:100vh;max-width:100%;display:flex;flex-direction:column;justify-content:space-between}.App-content{max-width:1020px;margin:auto}.scrollButton{position:fixed;bottom:0;right:0;margin-right:80px;margin-bottom:100px;opacity:1}@media only screen and (max-width: 768px){.scrollButton{margin-right:50px;opacity:.7}.App-content{margin-left:12px;margin-right:12px}}.scrollButton:hover{cursor:pointer}.download-container{margin-top:64px;margin-bottom:64px}.about-title{margin:0}.about-subtitle{margin-top:32px;margin-bottom:24px}.download-container>a{display:flex;align-items:center}.download-text{margin-bottom:10px}.about-container svg path{stroke-width:1.5}.app-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;color:#282c34;position:sticky;min-height:128px;top:0;background:#fdf1df;z-index:5}.app-header-shadow{filter:drop-shadow(0px 1px 15px rgba(0,0,0,.05))}.nav-item-left{flex-basis:30%;margin:auto auto auto 15px}.nav-item-right{margin:auto 15px auto auto;flex-basis:30%}@media only screen and (min-width: 768px){.nav-item-left{flex-basis:auto;margin-left:80px}.nav-item-right{flex-basis:auto;margin-right:80px}}.image-container{display:flex;max-height:auto;max-width:85%;margin:0 auto;position:relative;-webkit-perspective:1500px;perspective:1500px;transform-style:preserve-3d;transform:translateZ(0)}.canvas{width:auto;max-height:100%;max-width:100%;display:block;margin:auto}.loading-img{position:absolute;width:100%;height:100%;inset:0;visibility:visible;opacity:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.25s ease all .75s;transform:translateZ(50px)}.card{width:300px;height:385px;background:#fffefc;box-shadow:2px 2px 4px #00000026;border-radius:20px}.card>h3{text-align:center;margin-bottom:0}.card:hover{transform:scale(1.1);transition-duration:.5s}.card:not(:hover){transition-duration:.25s}.card-list{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin-top:60px;row-gap:60px;column-gap:60px}.card-list-container{padding-bottom:50px}.card-list-container>h2{text-align:center}.card-list-container>p{text-align:center}.navlink-card-list{text-align:center}.card-list-paragraph{margin-top:32px;margin-bottom:32px}.footer-container{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#282c34;min-height:96px;margin-bottom:27px}.footer-item2{margin-right:30px}.footer-item2>a{color:inherit;margin-left:17px}.footer-item2>a:link{text-decoration:underline}.footer-item2>a:hover{text-decoration:none}.linkedin-icon{color:#000;font-size:25px}.behance-icon{color:#000;font-size:30px;position:relative;top:3px}.company-container{text-align:center}.company-container>img{max-width:100%;margin:auto auto 64px}.company-container>h2{margin:0}.company-container>p{margin:0}.project-details-container{margin-top:61px;display:flex;flex-direction:column;gap:60px}.project-details-flex-item{flex-grow:1;flex-basis:0}@media only screen and (min-width: 640px){.project-details-container{flex-direction:row;flex-wrap:nowrap}}.section-image{width:100%}.project-container h2{margin-top:64px;margin-bottom:32px}.project-container h3{margin-top:32px;margin-bottom:24px}.project-container img{margin-top:24px;width:100%}.project-container p{margin:0}.project-final-section{margin-bottom:64px}