@font-face{font-family:Montserrat-Light;src:url(/boyang-portfolio-2/static/media/Montserrat-Light.60cf1cbbe66336a0a7cb.otf)}@font-face{font-family:Outfit-Light;src:url(/boyang-portfolio-2/static/media/Outfit-Light.ad7b6650c095079e24e8.ttf)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}html{background-color:#dfaf20;box-sizing:border-box;font-family:Outfit-Light;font-size:10 px;max-width:100%;overflow-x:hidden}.App{background-color:rgba(67,64,61,0);text-align:center;width:100vw}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.links{border:1px solid rgba(223,175,32,0);border-radius:4px;transition-duration:.4s}.links:link{color:#dfaf20;text-decoration:none}.links:hover{border:1px solid #dfaf20}.links:visited{color:#dfaf20;text-decoration:none}.nav-bar-button{background-color:#282624;border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-block;font-size:1.8vh;height:100%;margin:0;padding:0;text-align:center;transition-duration:.25s;-webkit-user-select:none;user-select:none;width:19%}.nav-bar-button:hover{background-color:#2e2b29;color:#dfaf20}.nav-bar-button:active{background-color:#dfaf20;border-color:#43403d;color:#fff;-webkit-transform:scale(90%);transform:scale(90%)}.button-link{color:#fff;display:block;height:100%;transition-duration:.25s;width:100%}.button-link:hover{background-color:#2e2b29;color:#dfaf20}.button-link:active{background-color:#dfaf20;border-color:#43403d;color:#fff;-webkit-transform:scale(90%);transform:scale(90%)}.nav-bar-button-text{display:inline-block;line-height:8vh}.border-left{float:left}.border-left,.border-right{background-color:#dfaf20;height:80%;position:relative;top:10%;width:1px}.border-right{float:right}#nav-bar-container{font-size:24px;height:8vh;position:fixed;text-align:left;transition-duration:1s;width:100%;z-index:2}#nav-bar-container,#zb-icon{background-color:#282624;left:0;top:0}#zb-icon{cursor:pointer;float:left;padding:.5vh;position:relative;transition-duration:.4s;width:7vh;z-index:1}#zb-icon:hover{background-color:#dfaf20}#zb-icon:active{background-color:#282624}.button-container{display:inline-flex;height:8vh;margin:0;padding-left:7.5%;transition-duration:1s;vertical-align:top;width:82%;z-index:0}#hide-button{background-color:#282624;color:#fff;cursor:pointer;display:inline-block;height:8vh;line-height:8vh;margin:0;padding:0;text-align:center;transition-duration:.4s;-webkit-user-select:none;user-select:none;width:8vh}#hide-button:hover{background-color:#dfaf20;border-color:#43403d;color:#fff;font-size:32px}#hide-button:active{background-color:#2e2b29;color:#dfaf20;-webkit-transform:scale(85%);transform:scale(85%)}#bottom-bar{background-image:linear-gradient(90deg,#dfaf20,#282624);display:block;height:1px;margin:0;padding:0;top:20px;transition-duration:1s;width:100%}@media screen and (orientation:portrait){#nav-bar-container{height:48vh}#zb-icon{margin-right:0;padding:.5vw;width:11vw}.button-container{align-items:center;flex-direction:column;height:48vh;padding-left:0;width:87%}.nav-bar-button{font-size:1.75vh;line-height:6vh;width:100%}#hide-button{border-radius:1vw;height:4vw;line-height:4vw;margin-top:2vh;padding-bottom:2vw;padding-top:2vw;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:8vw}.hide-button-border{visibility:hidden}}#footer-container{background-color:#dfaf20;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:25px}.footer-header{font-size:36px;margin:.5%}.footer-text{color:#000;font-size:20px}#contact-info-container{margin:auto;text-align:center;width:50%}.contact-item{border:1px solid rgba(46,43,41,0);border-radius:8px;display:inline-flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px;transition-duration:.4s;vertical-align:middle;width:350px}.contact-item:hover{border:1px solid #2e2b29;-webkit-transform:scale(102.5%);transform:scale(102.5%)}.contact-icon{text-align:left;-webkit-user-select:none;user-select:none;width:32px}.contact-icon,.footer-link{display:inline-block;vertical-align:middle}.footer-link{color:#000;cursor:pointer;flex-basis:content;flex-grow:2;font-size:22.5px;padding-left:20px;padding-right:20px;text-align:right;text-decoration:none;transition-duration:.4s}.footer-link:hover{background-color:#dfaf20;color:#fff}@media screen and (orientation:portrait){.contact-item{width:40vw}.contact-icon{height:32px}#contact-info-container{width:90%}}#home-aboout-me-container{background-color:#2e2b29;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;z-index:5}#text-box{margin-left:25%;width:50%}.text{font-size:18px;line-height:32px;text-align:left}#boyang-2{border:1px solid #dfaf20}@media screen and (orientation:portrait){#home-aboout-me-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100vw}#text-box{margin-left:12.5%;width:75%}#boyang-2{width:75vw}}#home-skills-container{background-color:#2e2b29;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;z-index:5}#top-bar{transition-duration:1s}#categories-box{display:flex;flex-direction:row;flex-wrap:wrap;height:85%;justify-content:center;margin:auto;width:75%}.skill-category{background-color:#3b3938;border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:2%;padding:.5%;transition-duration:.4s;width:45%}.skill-category:hover{box-shadow:0 0 0 1.5px #bf9f40;-webkit-transform:scale(105%);transform:scale(105%)}.category-title{transition-duration:.4s}.skill-category:hover .category-title{color:#dfaf20}@media screen and (orientation:portrait){#home-skills-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#categories-box{flex-direction:column}.skill-category{margin-left:2.5%;width:95%}}.skill-icon-container{border-radius:8px;display:inline-block;height:115px;margin:5px;padding:5px;transition-duration:.4s;width:115px}p{margin:0}.skill-icon-container:hover{background-color:#dfaf20;color:#1b1918;-webkit-transform:scale(105%);transform:scale(105%)}.skill-icon-container-no-hover{border-radius:8px;display:inline-block;height:115px;margin:5px;padding:5px;width:115px}@media screen and (orientation:portrait){.skill-icon-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}#home-experiences-container{background-color:#282624;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:2.5%;width:100%}#top-bar{background-color:#dfaf20;display:block;height:1px;margin:0;padding:0;top:20px;width:100%}.experience-container{background-color:#3b3938;border-radius:8px;display:flex;flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto auto 2.5%;padding:.5%;transition-duration:.4s;width:65%}.experience-container:hover{box-shadow:0 0 0 1.5px #bf9f40;-webkit-transform:scale(105%);transform:scale(105%)}.award-container{background-color:#3b3938;border-radius:8px;color:#bf9f40;display:flex;flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto auto 1%;padding:.5%;transition-duration:.4s;width:65%}.award-container:hover{box-shadow:0 0 0 1.5px #bf9f40;-webkit-transform:scale(105%);transform:scale(105%)}.experience-container:hover .experience-time,.experience-container:hover .experience-title{color:#dfaf20}.experience-title{flex-basis:70%;flex-grow:1;text-align:left}.experience-time,.experience-title{margin:5px;padding:5px;transition-duration:.4s}.experience-time{flex-basis:24%;text-align:right}.experience-list{display:block;flex-basis:100%;margin:5px;padding:5px;text-align:left;transition-duration:.4s}.experience-bold{color:#bf9f40;font-size:18px;font-weight:bolder}.experience-list:hover{-webkit-transform:scale(101.5%);transform:scale(101.5%)}@media screen and (orientation:portrait){.experience-container{width:85%}.experience-time,.experience-title{flex-basis:30%}}.home-container{background-color:rgba(13,13,12,0);background-size:100% 80%;color:#fff;height:100%;width:100%}.background-image{left:0;position:fixed;top:-20vw;width:100vw;z-index:-1}#home-box{background-color:rgba(67,64,61,0);display:block;height:100vh;margin:auto;padding:0;text-shadow:1px 1px 2px #43403d,1px 1px 2px #43403d;width:75%}h1{font-size:48px}#boyang-photo-1{border:1px solid #dfaf20}.top-notes{font-size:14px}.intro-text{font-size:21px}@media screen and (orientation:portrait){h1{font-size:8vw}.background-image{height:125vh;left:auto;right:0;top:-25vh;width:auto}#boyang-photo-1{width:50vw}#home-box{height:125vh}.top-notes{font-size:12px}.intro-text{font-size:19px}}#resume-container{background-color:#2e2b29;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.resume-header1{color:#fff;margin:1%}#resume-viewer{border:2px solid rgba(191,159,64,0);border-radius:12px;height:75vh;position:relative;transition-duration:.4s;width:63vh;z-index:1}#resume-viewer:hover{border:2px solid #bf9f40}#error-message{background-color:#282624;border:1px solid rgba(191,159,64,0);border-radius:12px;color:#fff;display:flex;flex-direction:column;height:25vh;justify-content:center;left:calc(50vw - 27vh);padding:2vh;position:absolute;top:35vh;-webkit-transform:translate(-1px,1.5px);transform:translate(-1px,1.5px);-webkit-user-select:none;user-select:none;width:50vh;z-index:0}#pdf-download-link{display:inline-block;margin:1vh;padding:.25vh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (orientation:portrait){#resume-viewer{width:80vw}#error-message{left:19vw;padding:1vw;width:60vw}}#portfolio-container{background-color:#2e2b29;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.portfolio-image{-webkit-filter:invert(1);filter:invert(1)}#portfolio-items-container{color:#fff}.portfolio-links{color:#fff;cursor:pointer;display:inline-block;flex-basis:content;flex-grow:2;font-size:22.5px;padding-left:20px;padding-right:20px;text-align:right;text-decoration:none;transition-duration:.4s;vertical-align:middle}#page-not-found-container{background-color:#2e2b29;color:#bf9f40}.not-found-header1{font-size:5vh;height:5vh}@media screen and (orientation:portrait){.not-found-header1{font-size:8vw}}
/*# sourceMappingURL=main.64fae369.css.map*/