body{margin:0;font-family:"Nunito",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.2em}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{height:100vh;display:flex;flex-direction:column;background:linear-gradient(to top left,#0a4686,#0a8683)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#d3d3d3}::-webkit-scrollbar-thumb{background-color:#a9a9a9}#main{position:relative;flex-grow:1;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity 1s,padding-top .5s cubic-bezier(.68,-.55,.27,1.55);padding:80px 20px 20px;overflow:auto}#main.smooth{scroll-behavior:smooth}#main.show{opacity:1;padding-top:30px}.card,.shadow{box-shadow:1px 1px 15px 0 rgba(0,0,0,.4705882353)}.current .card{margin-bottom:30px}.first .card,.next .card{animation-name:card-bottom-margin;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.68,-.55,.27,1.55)}.card-1{animation-delay:.1s}.card-2{animation-delay:.2s}.card-3{animation-delay:.3s}.card-4{animation-delay:.4s}.card-5{animation-delay:.5s}.card-6{animation-delay:.6s}.card-7{animation-delay:.7s}.card-8{animation-delay:.8s}.card-9{animation-delay:.9s}.card-10{animation-delay:1s}.card-11{animation-delay:1.1s}.card-12{animation-delay:1.2s}.card-13{animation-delay:1.3s}.card-14{animation-delay:1.4s}.card-15{animation-delay:1.5s}.card-16{animation-delay:1.6s}.card-17{animation-delay:1.7s}.card-18{animation-delay:1.8s}.card-19{animation-delay:1.9s}.card-20{animation-delay:2s}.card{background:#fff;padding:15px}.card-title{font-weight:700;font-size:1.4em;display:flex;margin-bottom:10px}@keyframes card-bottom-margin{0%{margin-bottom:150px}to{margin-bottom:30px}}#top-nav{display:flex;top:0;z-index:1;background:#fff;color:#757575;flex-shrink:0}@media(max-width:800px){#top-nav{font-size:.8em}}@media(max-width:500px){#top-nav{font-size:.7em}}#top-nav .pages{display:flex;align-items:center;position:relative;margin:16px 16px 10px}#top-nav .pages>div{padding:0 30px;transition:all .5s;text-align:center}@media(max-width:800px){#top-nav .pages>div{padding:0 10px}}@media(max-width:500px){#top-nav .pages>div{padding:0 5px}}@media(max-width:450px){#top-nav .pages>div{font-size:12px}}#top-nav .pages>div:hover{color:#000}#top-nav .pages>div a{color:unset;text-decoration:none}#top-nav .pages>div.active{color:#000;font-weight:700}#top-nav .pages #highlighter{position:absolute;bottom:0;width:0;height:3px;background:#ff8400;transition:left .9s cubic-bezier(.68,-.55,.27,1.55),width .5s ease-in-out,opacity .5s;padding:0}@media(max-width:800px){#top-nav .pages #highlighter{bottom:-2px}}#top-nav .title{font-size:32px;margin-right:50px;font-family:"Barlow",sans-serif;margin-top:-5px;padding:15px;color:#000}@media(max-width:800px){#top-nav .title{font-size:20px;margin-right:15px}}@media(max-width:500px){#top-nav .title{font-size:16px;margin-right:0;flex-grow:1}}@media(max-width:800px){.job{font-size:.9em}}@media(max-width:500px){.job{font-size:.7em}}.job .start-end{font-size:.8em;font-weight:700;font-style:italic;margin-bottom:10px}.job .responsibility{margin-bottom:8px}.job ul{margin-top:0;margin-bottom:20px;padding-left:20px}.job .tech{margin-top:10px}.tech-list{display:flex;flex-wrap:wrap;font-size:.8em}.tech-list .tech{margin-right:10px;background:#cecece;border-radius:100px;padding:2px 12px}.tech-list .tech.front-end{background:#ecbfff}.tech-list .tech.back-end{background:#c0ceff}.tech-list .tech.database{background:#ffbfbf}.expansion-card{transition:all .5s}.expansion-card,.expansion-card .contents,.expansion-card .top{display:flex;flex-direction:column}.expansion-card .top-bar{display:flex;justify-content:space-between}.expansion-card .top-bar:hover .expander svg{color:#000}.expansion-card .top-bar .expander{display:flex;justify-content:flex-end}.expansion-card .top-bar .expander svg{display:none;color:#9c9c9c;fill:currentColor;margin-top:-10px;transition:all .3s;width:40px;height:40px}.expansion-card .top-bar .expander.expanded svg{color:#000;transform:rotate(180deg)}.expansion-card .top-bar.has-content{cursor:pointer}.expansion-card .top-bar.has-content svg{display:unset}.expansion-card .title{font-size:.9em;margin-right:50px}.expansion-card .title div{display:flex}.expansion-card .details{font-size:.8em;padding:15px 60px 0;margin:0;overflow:hidden;transition:all .4s ease-in-out}@media(max-width:800px){.expansion-card .details{padding-right:40px;padding-left:40px}}@media(max-width:500px){.expansion-card .details{padding-right:0;padding-left:0}}.expansion-card .details.expanded{margin-bottom:20px}@media(max-width:500px){.expansion-card .details.expanded{margin-bottom:0}}.expansion-card .details.hidden{visibility:hidden;position:fixed;max-width:900px}.photo-gallery .thumb{background:#fff;cursor:pointer;position:relative;display:inline-flex;transition:all .3s;padding:5px;margin:5px;box-shadow:1px 1px 7px 2px rgba(0,0,0,.2117647059)}.photo-gallery .thumb .img{width:100px;height:100px}@media(max-width:600px){.photo-gallery .thumb .img{width:75px;height:75px}}.photo-gallery .thumb .img{background-repeat:no-repeat;background-size:contain;background-position:50%}.photo-gallery .thumb .icon{position:absolute;bottom:0;right:0;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.6588235294);padding:4px}.photo-gallery .thumb svg{color:#4c4c4c;fill:currentColor;transition:all .3s}.photo-gallery .thumb:hover{box-shadow:1px 1px 7px 2px rgba(0,0,0,.4196078431)}.photo-gallery .thumb:hover svg{color:#000}.photo-viewer-backdrop{position:fixed;top:0;height:0;left:0;right:0;opacity:0;transition:opacity .3s;background:rgba(0,0,0,.4705882353);z-index:-1;display:flex;justify-content:center;align-items:center;flex-direction:column}.photo-viewer-backdrop.visible{height:auto;opacity:1;bottom:0;z-index:1}.photo-viewer-backdrop.full-height{height:auto;bottom:0;z-index:1}.photo-viewer-backdrop .current-photo{width:calc(100% - 150px);height:calc(100% - 60px)}@media(max-width:800px){.photo-viewer-backdrop .current-photo{width:calc(100% - 60px);height:calc(100% - 60px)}}.photo-viewer-backdrop .current-photo{background:#fff;position:absolute;display:flex;z-index:1;margin:auto;top:30px}.photo-viewer-backdrop .mid{flex-direction:column;height:100%}.photo-viewer-backdrop .caption{background:#fff;font-size:.9em;padding:20px 0}@media(max-width:800px){.photo-viewer-backdrop .caption{padding:10px 0}}@media(max-width:500px){.photo-viewer-backdrop .caption{padding:0}}.photo-viewer-backdrop .mid{display:flex;justify-content:center;position:relative;flex-grow:1}.photo-viewer-backdrop .count{color:grey;position:absolute;top:0;right:0;padding:10px 0;width:75px}@media(max-width:800px){.photo-viewer-backdrop .count{width:50px}}.photo-viewer-backdrop .count{text-align:center}.photo-viewer-backdrop .img-container{flex-grow:1;background:hsla(0,0%,78%,.6);padding:10px;display:flex;box-shadow:1px 1px 7px 2px rgba(0,0,0,.2117647059);align-items:center;margin:40px 10px 8px;height:100%}.photo-viewer-backdrop .img{box-sizing:border-box;background-repeat:no-repeat;background-size:contain;background-position:50%;width:100%;height:100%}.photo-viewer-backdrop .nav{display:flex;align-items:center;color:#c7c7c7}.photo-viewer-backdrop .nav:hover{color:#ff8400}.photo-viewer-backdrop .nav svg{visibility:hidden;padding:0;height:75px;width:75px}@media(max-width:800px){.photo-viewer-backdrop .nav svg{height:50px;width:50px}}@media(max-width:500px){.photo-viewer-backdrop .nav svg{height:20px;width:20px}}.photo-viewer-backdrop .nav svg{fill:currentColor}.photo-viewer-backdrop .nav.show-nav{cursor:pointer}.photo-viewer-backdrop .nav.show-nav svg{visibility:visible}@media(max-width:800px){#projects{font-size:.9em}}@media(max-width:500px){#projects{font-size:.7em}}#projects .tech{margin-top:10px}#projects .photo-thumb{margin-right:20px}#projects .pics .summary-text{margin-top:10px}#projects .summary{margin-bottom:10px;font-size:.9em;display:flex;margin-right:50px}@media(max-width:600px){#projects .summary{flex-direction:column;flex-direction:column-reverse}#projects .summary .summary-text{margin-top:0;margin-bottom:10px}}#projects .description{padding:5px 20px 20px;background:#fff6d7;margin:10px 0;box-shadow:1px 1px 7px 2px rgba(0,0,0,.2117647059)}@media(max-width:500px){#projects .description{margin:10px 4px;max-height:300px;overflow:auto}}#projects code{background:hsla(0,0%,78%,.6117647059);padding:0 5px}.page{opacity:1;width:100%;max-width:1100px;box-sizing:border-box}.page.fade-in{margin-top:100px;opacity:0;transition:margin .5s cubic-bezier(.68,-.55,.27,1.55),opacity 1s}.page.show{margin-top:unset;opacity:1}.page.fade-out{transition:opacity .7s;position:absolute;left:50%;transform:translateX(-50%)}.page.fade{opacity:0}#about-me{display:flex}@media(max-width:800px){#about-me{flex-direction:column}}#about-me .card-title{font-size:1.2em}#about-me .pic{z-index:1}#about-me .pic-clone{z-index:0}#about-me .intro .text{margin-bottom:10px}#about-me img.profile{height:200px;width:200px;object-fit:cover;object-position:0 -8px;border-radius:300px}@media(max-width:800px){#about-me img.profile{height:150px;width:150px}}@media(max-width:500px){#about-me img.profile{height:100px;width:100px}}@media(max-width:425px){#about-me img.profile{height:125px;width:125px}}#about-me .education{display:flex;align-items:center;margin:10px 0}#about-me .education .text{margin-left:20px}@media(max-width:500px){#about-me .education{font-size:.9em}}#about-me .text{flex-grow:1;display:flex;flex-direction:column}#about-me .byu{height:100px;width:100px}#about-me .pic-wrapper{margin-bottom:10px}#about-me .contact{font-size:.8em;align-items:center;margin-right:30px;padding:30px 25px 15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column}@media(max-width:800px){#about-me .contact{margin-right:0;flex-direction:row}}@media(max-width:500px){#about-me .contact{font-size:.6em}}@media(max-width:425px){#about-me .contact{display:block}}#about-me .contact .info{margin-top:16px}@media(max-width:800px){#about-me .contact .info{margin-top:0;margin-left:40px}}@media(max-width:500px){#about-me .contact .info{margin-left:20px}}@media(max-width:425px){#about-me .contact .info{margin-left:0}}#about-me .contact .info a{color:#757575;text-decoration:none;display:flex;align-items:center;margin-bottom:8px}#about-me .contact .info a:hover{color:#000}#about-me .contact .icon{height:24px;width:24px;margin-right:10px}@media(max-width:500px){#about-me .contact .icon{height:16px;width:16px}}#about-me .about{font-size:.9em}@media(max-width:800px){#about-me .about{font-size:.8em}}@media(max-width:500px){#about-me .about{font-size:.7em}}#about-me .tech-list{margin:10px 0}#about-me .tech-list:not(:first-child){margin-top:-10px}@media(max-width:500px){#about-me .tech-list{margin:5px 0}#about-me .tech-list:not(:first-child){margin-top:-5px}}#about-me .tech{margin-bottom:10px}@media(max-width:500px){#about-me .tech{margin-bottom:5px;margin-right:5px}}.first .paragraph,.next .paragraph{animation-name:margin-top;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.68,-.55,.27,1.55)}@keyframes margin-top{0%{margin-top:70px}to{margin-top:0}}.first .paragraph{margin-top:70px;animation-delay:.15s}.first .card-1{animation-delay:.25s}.first .card-2{animation-delay:.35s}.first .card-3{animation-delay:.45s}.first .card-4{animation-delay:.55s}.first .card-5{animation-delay:.65s}.first .card-6{animation-delay:.75s}.first .card-7{animation-delay:.85s}.first .card-8{animation-delay:.95s}.first .card-9{animation-delay:1.05s}.first .card-10{animation-delay:1.15s}.first .card-11{animation-delay:1.25s}.first .card-12{animation-delay:1.35s}.first .card-13{animation-delay:1.45s}.first .card-14{animation-delay:1.55s}.first .card-15{animation-delay:1.65s}.first .card-16{animation-delay:1.75s}.first .card-17{animation-delay:1.85s}.first .card-18{animation-delay:1.95s}.first .card-19{animation-delay:2.05s}.first .card-20{animation-delay:2.15s}
/*# sourceMappingURL=main.1667a773.chunk.css.map */