@font-face{font-family:Raleway;src:url(../../static/media/Raleway-Regular.580d0778.ttf)}*{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root,body,html{height:100%;width:100%}body{margin:0;padding:0;font-family:Raleway,"sans-serif";min-height:100%;background-color:rgba(0,0,0,.85)}.App{height:500%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;z-index:-10}@media only screen and (max-width:480px){.App{height:auto}}@media only screen and (min-width:1550px){.header-button{font-size:1.35rem}.header-name-logo{font-size:1.7rem}}.header-list{position:fixed;list-style:none;display:none;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:7%;margin-right:3%;z-index:1000;-webkit-transition:background-color .5s ease;-o-transition:background-color .5s ease;transition:background-color .5s ease}.header-background-pin{background-color:rgba(40,40,40,.55);border-bottom:2px solid rgba(46,156,202,.7)}.header-background-unpin{background-color:transparent;border-bottom:2px solid rgba(46,156,202,0)}.header-name-logo{margin-left:3%;color:#fff;font-size:2rem;font-family:Raleway-Thin,"san-serif";cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.header-name-logo:hover{color:#2e9cca}.header-name-logo-pin{color:#fff}.header-name-logo-unpin{color:hsla(0,0%,100%,0)}.list-container{width:80%;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}@media only screen and (min-width:1025px){.list-container{width:45%}.header-list{display:-ms-flexbox;display:flex}}.header-button{background-color:transparent;border:none;color:#fff;font-size:1.15rem;font-weight:700;font-family:Raleway-Light,"sans-serif";-webkit-transition:.5s;-o-transition:.5s;transition:.5s;text-shadow:1px 1px rgba(0,0,0,.4);cursor:pointer}.header-button:hover{color:#2e9cca}.header-button:focus{border:none;outline:none}.header-button:hover:after{width:100%;background:rgba(46,156,202,.7)}.header-links{width:20%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-left:-3%}.header-links a{text-decoration:none;color:#fff;font-size:1.35rem;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.header-links a:hover{color:#2e9cca}.return-top{position:fixed;color:rgba(46,156,202,.7);bottom:5%;right:3%;font-size:3rem;background-color:rgba(30,30,30,.7);height:50px;width:50px;border-radius:25px;border:1px solid rgba(46,156,202,.3);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;cursor:pointer}.return-top:hover{color:rgba(46,156,202,.9);background-color:rgba(30,30,30,.75);border:1px solid rgba(46,156,202,.6)}@font-face{font-family:Raleway-Thin;src:url(../../static/media/Raleway-Thin.9f5eec4e.ttf)}@font-face{font-family:Raleway-Light;src:url(../../static/media/Raleway-Light.b1bdea56.ttf)}@-webkit-keyframes breathing{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.015);transform:scale(1.015)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes breathing{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.015);transform:scale(1.015)}to{-webkit-transform:scale(1);transform:scale(1)}}.home-container{height:100%;width:100%;z-index:8;display:block;overflow:hidden}.home-container:after{content:"";height:1px;margin:0 3%;width:auto;background-color:rgba(46,156,202,.7);display:-ms-flexbox;display:flex;text-align:center;overflow:hidden}.home-overlay{position:relative;height:100%;display:-ms-flexbox;display:flex;background:-webkit-gradient(linear,left top,right bottom,from(rgba(46,156,202,.2)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(top left,rgba(46,156,202,.2),rgba(0,0,0,.2));background:-o-linear-gradient(top left,rgba(46,156,202,.2),rgba(0,0,0,.2));background:linear-gradient(to bottom right,rgba(46,156,202,.2),rgba(0,0,0,.2));background-size:100%;color:#fff;-ms-flex-direction:column;flex-direction:column;z-index:9}.background-container{height:100%;width:100%;overflow:hidden;z-index:-2;overflow-x:hidden;overflow-y:hidden}.home-background{height:100%;width:100%;position:absolute;background-image:url(../../static/media/back.7d8aa6a1.jpg);background-size:cover;background-repeat:no-repeat;-webkit-animation:4s infinite breathing ease-in-out;animation:4s infinite breathing ease-in-out;z-index:-2;overflow-x:hidden;overflow-y:hidden}.name{font-size:6em;margin-left:5%;margin-top:10%;font-family:Raleway-Thin,"sans-serif";z-index:10}.desc{margin-top:1.5%}.desc-list{list-style:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;margin-top:.5%;font-size:2rem;-ms-flex-align:end;align-items:flex-end;font-family:Raleway-Light,"sans-serif";z-index:10}.desc-list,.pro-links{display:-ms-flexbox;display:flex}.pro-links{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;font-size:2.25rem;cursor:pointer}.pro-links a{text-decoration:none;color:#fff;font-size:2rem;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;margin-left:7%}.pro-links a:hover{color:#2e9cca}@media only screen and (max-width:480px){.home-container{height:100vh}.home-background{background-position:80%}.name{font-size:3em;margin-top:110%;text-align:center;padding-right:3%}.desc{width:95%}.desc-list{font-size:1.5em;width:95%;text-align:center;margin-bottom:10%}.pro-links{width:95%;-ms-flex-pack:center;justify-content:center}}@media only screen and (min-width:480px) and (max-width:1024px){.desc-list{width:50%;text-align:left;margin-bottom:10%}.pro-links{width:20%;-ms-flex-pack:center;justify-content:center}}@media only screen and (min-width:1024px){.desc-list{width:50%;text-align:left}.pro-links{width:20%;-ms-flex-pack:center;justify-content:center}}@media only screen and (min-width:1550px){.name{font-size:8.5rem}.desc-list{font-size:2.5rem}}@font-face{font-family:Raleway-Thin;src:url(../../static/media/Raleway-Thin.9f5eec4e.ttf)}@font-face{font-family:Raleway-Light;src:url(../../static/media/Raleway-Light.b1bdea56.ttf)}.about-container{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;color:#2e9cca;position:relative;background-color:#f2f2f2}.about-container:after{content:"";height:1px;margin:1% 3%;width:auto;background-color:rgba(46,156,202,.5);display:-ms-flexbox;display:flex;text-align:center}.about-text-section{height:100%;margin:5% 3% 3%}.about-text{font-family:Raleway-Thin,"sans-serif";font-size:.75rem;-ms-flex-direction:row;flex-direction:row;height:40%}.about-text,.about-text-desc{display:-ms-flexbox;display:flex}.about-text-desc{width:45%;-ms-flex-direction:column;flex-direction:column;height:100%}.about-text-skills{width:42%;margin-left:13%;height:100%}.about-text-strong{font-family:Raleway-Light,"sans-serif";font-size:1.25rem}.about-title{font-size:3rem;font-family:Raleway-Thin,"sans-serif";margin-bottom:3%}.about-text-desc h2{margin-bottom:8%}.about-text-skills{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.about-text-skill-group,.about-text-skills{display:-ms-flexbox;display:flex}.about-text-skill-label{margin-right:5%;width:28%}.about-text-skills div{margin-bottom:3%}.about-text-skills h2{margin-bottom:2%}@media only screen and (max-width:480px){.about-container,.about-text-section{height:auto}.about-text{-ms-flex-direction:column;flex-direction:column}.about-text-desc{width:100%}.about-text-skills{width:100%;margin-left:0}}@media only screen and (min-width:480px) and (max-width:1024px){.about-container,.about-text-section{height:auto}}@media only screen and (min-width:1550px){.about-title{font-size:4rem}.about-text{font-size:1rem}.about-text-strong{font-size:1.75rem}}@font-face{font-family:Raleway-Thin;src:url(../../static/media/Raleway-Thin.9f5eec4e.ttf)}@font-face{font-family:Raleway-Light;src:url(../../static/media/Raleway-Light.b1bdea56.ttf)}.projects-container{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:#2e9cca;background-color:#191919}.projects-container:after{content:"";height:1px;margin:1% 3%;width:auto;background-color:rgba(46,156,202,.5);display:-ms-flexbox;display:flex;text-align:center}.projects-title{margin:5% 0 2% 3%;font-size:3rem;font-family:Raleway-Thin,"sans-serif"}.projects-section{height:50%;-ms-flex-pack:start;-ms-flex-line-pack:start;align-content:flex-start;margin:0 3% 1%}.project-container,.projects-section{display:-ms-flexbox;display:flex;justify-content:flex-start}.project-container{height:75%;width:20%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;-ms-flex-align:center;align-items:center;text-align:center;color:hsla(0,0%,100%,.5);font-size:1.25rem;font-family:Raleway-Light,"sans-serif";border:1px solid #2e9cca;border-radius:10px;-webkit-transition:.7s;-o-transition:.7s;transition:.7s;overflow:hidden;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-right:3%}.project-container:hover{color:hsla(0,0%,100%,.5);-webkit-animation:2s border-breath infinite ease;animation:2s border-breath infinite ease;background-color:rgba(0,0,0,.1);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.react-logo{background-image:url(../../static/media/react-logo.84d44aff.png)}.react-logo:hover{background-image:url(../../static/media/react-logo-wordmark.4ade5cac.png)}.nodejs-logo{background-image:url(../../static/media/nodejs-logo.5b47d4f8.png)}.nodejs-logo:hover{background-image:url(../../static/media/nodejs-logo-wordmark.f8dab57d.png)}.java-logo{background-image:url(../../static/media/java-logo.4eb1819d.png)}.java-logo:hover{background-image:url(../../static/media/java-logo-wordmark.9b249662.png)}.spring-logo{background-image:url(../../static/media/spring-logo.90d4598e.png)}.spring-logo:hover{background-image:url(../../static/media/spring-logo-wordmark.793b3b97.png)}.spark-logo{background-image:url(../../static/media/spark-logo.b1ae6478.png)}.spark-logo:hover{background-image:url(../../static/media/spark-logo.b1ae6478.png)}.mysql-logo{background-image:url(../../static/media/mysql-logo.4ccd3dff.png)}.mysql-logo:hover{background-image:url(../../static/media/mysql-logo.4ccd3dff.png)}.c-logo{background-image:url(../../static/media/c-logo.26603f18.png)}.c-logo:hover{background-image:url(../../static/media/c-logo.26603f18.png)}.asm-logo{background-image:url(../../static/media/asm-logo.e747cd64.png)}.asm-logo:hover{background-image:url(../../static/media/asm-logo.e747cd64.png)}.d3-logo{background-image:url(../../static/media/d3-logo.6e27bef2.png);background-size:50%}.d3-logo:hover{background-image:url(../../static/media/d3-logo.6e27bef2.png);background-size:50%}.project-overlay{height:100%;width:100%;background-color:rgba(25,25,25,.75)}.project-name{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;position:relative;top:35%;color:hsla(0,0%,100%,.75);margin-top:5%;font-size:1.75rem;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;border-bottom:1px solid rgba(46,156,202,0);z-index:2}.project-container:hover .project-name{top:0;border-bottom:1px solid #2e9cca;color:rgba(46,156,202,.85)}.project-hover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:hsla(0,0%,100%,0);z-index:2}.project-container:hover .project-hover,.project-hover{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.project-container:hover .project-hover{color:hsla(0,0%,100%,.7)}.project-desc{margin:3%;font-size:1rem}.project-github{-ms-flex-pack:center;justify-content:center;margin:2%;padding:2% 3%;color:hsla(0,0%,100%,0);border:1px solid rgba(46,156,202,0);border-radius:10px;-ms-flex-item-align:center;align-self:center;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.project-container:hover .project-github,.project-container:hover .project-website{border:1px solid rgba(46,156,202,.65);background-color:rgba(40,40,40,.85)}.project-container:hover .project-github:hover,.project-container:hover .project-website:hover{border:1px solid #2e9cca;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.project-website{-ms-flex-pack:center;justify-content:center;padding:2% 3%;border:1px solid rgba(46,156,202,0);border-radius:10px;-ms-flex-item-align:center;align-self:center}.project-container a{text-decoration:none;color:hsla(0,0%,100%,0);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.project-container:hover a{color:hsla(0,0%,100%,.75)}.project-links{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@-webkit-keyframes border-breath{0%{border:1px solid #2e9cca}50%{border:1px solid #2e9cca}to{border:1px solid #2e9cca}}@keyframes border-breath{0%{border:1px solid #2e9cca}50%{border:1px solid #2e9cca}to{border:1px solid #2e9cca}}@media only screen and (max-width:480px){.projects-container{height:auto;width:100%}.projects-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 5%}.project-container{width:85%;height:200px;margin:0 0 10%;padding:0}.project-overlay{margin:0}}@media only screen and (min-width:480px) and (max-width:1024px){.project-container,.projects-container{height:auto}}@media only screen and (min-width:1550px){.project-title{font-size:4rem}.project-name{font-size:2.5rem}.project-desc{font-size:1.3rem}}@font-face{font-family:Raleway-Thin;src:url(../../static/media/Raleway-Thin.9f5eec4e.ttf)}@font-face{font-family:Raleway-Light;src:url(../../static/media/Raleway-Light.b1bdea56.ttf)}.courses-container{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:#2e9cca;background-color:#f2f2f2;font-family:Raleway-Light,"sans-serif"}.courses-container:after{content:"";font-family:Raleway-Thin,"sans-serif";height:1px;margin:2% 3%;width:auto;background-color:rgba(46,156,202,.5);display:-ms-flexbox;display:flex;text-align:center}.courses-section{height:100%}.courses-title{font-size:3rem;font-family:Raleway-Thin,"sans-serif";margin:5% 0 3% 3%}.courses-information{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin:0 3%;font-family:Raleway-Thin,"sans-serif";font-size:1rem;height:70%}.courses-information,.courses-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.courses-row{-ms-flex-direction:row;flex-direction:row;width:100%;height:100%}.courses-year{height:100%;-ms-flex-pack:start;justify-content:flex-start}.courses-year h2{height:10%;margin-bottom:15px}.courses-fall,.courses-spring{height:45%}.courses-fall h3,.courses-spring h3,.courses-summer h3{font-size:1.25rem;margin-bottom:5%}.courses-fall ul,.courses-spring ul,.courses-summer ul{margin-bottom:10%}.courses-section li{list-style:none;font-size:1rem;font-weight:700;margin-bottom:1%}.courses-section a{color:inherit;text-decoration:inherit}.courses-section a:hover{color:#33abdf;text-decoration:inherit;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.courses-info-text{margin-left:3%;font-weight:700;font-size:.85rem}.course-cs{text-decoration:underline}@media only screen and (max-width:480px){.courses-fall h3,.courses-spring h3,.courses-summer h3{font-size:1.3rem;margin-bottom:5%;margin-left:10%}.courses-section li{margin-left:15%}.courses-row{-ms-flex-direction:column;flex-direction:column}.courses-info-text{padding-right:3%;font-size:.5em}}@media only screen and (min-width:480px) and (max-width:1024px){.courses-container,.courses-information{height:auto}.courses-row{-ms-flex-direction:column;flex-direction:column}}@media only screen and (min-width:1550px){.about-title{font-size:4rem}.about-text{font-size:1rem}.about-text-strong{font-size:1.75rem}}@font-face{font-family:Raleway-Thin;src:url(../../static/media/Raleway-Thin.9f5eec4e.ttf)}@font-face{font-family:Raleway-Light;src:url(../../static/media/Raleway-Light.b1bdea56.ttf)}.contact-container{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:#2e9cca;background-color:#191919;font-family:Raleway-Light,"sans-serif"}.contact-container:after{content:"\A9   Andy Liang 2020 -- Created with vanilla HTML, CSS, and React.";font-family:Raleway-Thin,"sans-serif";height:1px;margin:2% 3%;width:auto;background-color:rgba(46,156,202,.5);display:-ms-flexbox;display:flex;text-align:center}.contact-section{height:100%}.contact-title{font-size:3rem;margin:5% 0 3% 3%}.contact-information,.contact-title{font-family:Raleway-Thin,"sans-serif"}.contact-information{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 3%;font-size:1.15rem}.contact-container h3{margin-bottom:5%}.contact-information h3 a{text-decoration:none;color:rgba(46,156,202,.85)}@media only screen and (max-width:480px){.contact-container{height:auto}.contact-information{font-size:.67rem;margin-bottom:15%}.contact-container:after{font-size:.5em;-ms-flex-pack:center;justify-content:center}}@media only screen and (min-width:1550px){.contact-title{font-size:4rem}.contact-information{font-size:1.3rem}}
/*# sourceMappingURL=main.8d51d6ed.css.map*/