.App{text-align:center}main{width:90%;margin-right:auto;margin-left:auto}h1{color:#353522}footer{margin-top:5vh;opacity:.8}.projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch}.time-point{background-color:#383838;width:10px;height:10px;margin-left:auto;margin-right:auto;border-radius:50%}.time-gap{background:rgb(56,56,56);width:2px;height:400px;margin:-2px auto}.time-gap#fade{background:linear-gradient(180deg,rgb(56,56,56) 0%,rgba(0,0,0,0) 100%)}.contact-header{animation:fadeUp 1s 1}.contact-item{display:flex;flex-direction:row;width:100%;height:100%;background-color:#d3d0a850;background-size:contain;border-radius:15px;border:1px solid #2d46592c;padding:20px 0;margin:20px 0 50px;box-shadow:0 25px 50px #00000020;text-align:left;transition:.3s;animation:fadeUp 1s 1;justify-content:center;animation:fadeUp 1.5s 1}.contact-item:hover{transition:.3s;transform:translateY(5px);cursor:pointer;border:1px solid #2d465980}a.contact-link{text-decoration:none;color:inherit}img.contact-icon{width:64px;height:64px;align-self:center;margin-right:1rem}.contact-info img{width:calc(12px + 1vmin);animation:bounceArrow 1s infinite alternate}.contact-info h1{margin-bottom:0}.contact-info p{margin-top:0}iframe{display:none}.work{display:flex;justify-content:center;transition:.5s}.work h3{margin:0;width:160px;text-align:left;margin-left:2rem;animation:fadeLeft 1s 1}.work h3#work-left{text-align:right;margin-right:2rem;animation:fadeRight 1s 1}.work-info{width:160px;height:100%;margin-left:2rem;text-align:left;animation:fadeLeft 1s 1}.work-info#work-left{text-align:right;margin-right:2rem;animation:fadeRight 1s 1}img.work-icon{height:48px}.project{display:flex;flex-direction:row;flex-grow:1;width:100%;background-color:#dcddd6;background-size:contain;border:1px solid #2d46592c;padding:20px 20px 20px 40px;margin:20px 0;box-shadow:0 25px 50px #0001;text-align:left;transition:.3s;animation:fadeUp 1s 1}.project h1,.project p,.project ul{margin:0}.project a:hover{opacity:.5;transition:.2s}.project a:visited{color:inherit}.project a{transition:.2s;text-decoration:none}.project h1 img{width:calc(12px + 1vmin);animation:bounceArrow 1s infinite alternate}.project-tags{list-style:none;margin-left:-5px;display:flex;flex-direction:row;padding:inherit;flex-wrap:wrap}.project-tags li{margin-right:.2rem;margin-bottom:.2rem;background-color:#dcddd6;padding:5px;border-radius:5px;border:1px solid #2d46592d;font-size:10px}.project-tags a{text-decoration:none;transition:.2s}.project-info{display:flex;flex-direction:column;justify-content:space-between;padding:15px 0;overflow:hidden}img.project-icon{width:64px;height:64px;align-self:center;margin-right:1rem}.project:hover{transition:.3s;transform:translateY(5px);cursor:pointer;border:1px solid #2d465980}.nav-bar{display:flex;flex-direction:row;justify-content:center;padding-top:20px;border-bottom:1px solid #2D4659}.extern-image{width:calc(12px + 1vmin)}.nav-bar a{padding:20px 0;border-bottom:1px solid transparent;text-decoration:none;color:#2d4659;font-weight:500;margin-left:20px;opacity:.6;transition:.1s}.nav-bar a.active{color:#003c9c}.nav-bar a:hover{transition:.1s;opacity:1;border-bottom:1px solid #003c9c}button{display:none}.skills{width:280px;position:relative;overflow-x:hidden}.skills .skill-blur-left:after{top:0;left:0;position:absolute;pointer-events:none;content:"";z-index:2;height:100%;width:25%;background:rgba(0,0,0,0) linear-gradient(90deg,#e8e9e2 2.52%,rgba(255,255,255,0) 100%) repeat scroll 0% 0%}.skills .skill-blur-right:after{top:0;right:0;position:absolute;pointer-events:none;content:"";z-index:2;height:100%;width:25%;background:rgba(0,0,0,0) linear-gradient(90deg,rgba(255,255,255,0) 2.52%,#e8e9e2 100%) repeat scroll 0% 0%}.skills ul{list-style:none;display:flex;flex-direction:row;padding:0;margin:0;animation:28s linear 0s infinite alternate none running scrollXMobile}.skills ul li{font-size:calc(7px + 1vmin);padding:5px;background-color:#dcddd6;margin:5px;border:1px solid #00000050}.skills ul li#link{background:none;border:none}.skills ul li a{text-decoration:none;color:#819f7f;font-weight:500}.skills img{height:10px;transform:translate(-5px);opacity:0;transition:.2s}.skills ul li a:hover>img{transform:translate(5px);opacity:1;transition:.2s}.my-info{text-align:left;animation:fadeUp 1s 1}.light-theme{background-color:#e8e9e2;color:#353522}.App-logo{height:40vmin;pointer-events:none}.App-header{margin-top:10vh;display:flex;flex-direction:column;justify-content:center;height:calc(700px - 30vh);font-size:calc(12px + 1vmin)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{transform:translate(0);opacity:1}}@keyframes fadeLeft{0%{opacity:0;transform:translate(40px)}to{transform:translate(0);opacity:1}}@keyframes fadeRight{0%{opacity:0;transform:translate(-40px)}to{transform:translate(0);opacity:1}}@keyframes bounceArrow{0%{transform:translate(-5px)}to{transform:translate(5px)}}@keyframes scrollXMobile{0%{transform:translate(10%)}to{transform:translate(-220%)}}@keyframes scrollXDesktop{0%{transform:translate(10%)}to{transform:translate(-300%)}}@media only screen and (min-width: 1366px){.nav-bar{justify-content:flex-end}.App-header{flex-direction:row}main{width:60%}img.project-icon{width:128px;height:128px}.skills ul{animation:28s linear 0s infinite alternate none running scrollXDesktop}.project{width:40%;margin:20px}.project-tags li{margin-right:.5rem;margin-bottom:.5rem}iframe{display:inline}.app_store_btn,.mobile-only{display:none}.work-info,.work h3{width:400px}.time-gap{height:300px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e8e9e2;color:#353522}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.project-header{animation:fadeUp 1s 1}.project-header .project-icon{animation:fadeUp 1.5s 1;margin-right:0}.project-header .extern-image{opacity:.6;transition:.2s;margin-left:5px;animation:fadeUp 1.5s 1}.project-header .extern-image:hover{opacity:1;transition:.2s}.project-header .project-tags{margin-left:auto;margin-right:auto;width:50%;justify-content:center;animation:fadeUp 1.5s 1}.project-description{text-align:left;animation:fadeUp 2s 1}.project-images{animation:fadeUp 2.5s 1}.project-images img{width:100%}.app_store_btn img{width:inherit}