@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css);@import url(https://use.fontawesome.com/74dfc6cf47.css);.Banner{height:100vh;background:url(/static/img/bannerBg.JPG) no-repeat bottom fixed;background-size:cover}.Banner .BannerContainer{text-align:center;max-width:1440px;margin:0 auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;height:100%;color:#fff}.Banner .myName{font-size:63px;padding:20px;border-bottom:1px solid hsla(0,0%,100%,.5)}.Banner .myName,.Banner .welcome{font-weight:500;letter-spacing:1px}.Banner .welcome{font-size:50px;text-transform:uppercase}.Banner .down-arrow{position:absolute;bottom:40px;left:calc(50% - 15px);z-index:2}.Banner .down-arrow img{width:30px;cursor:pointer}.Banner .BannerOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#17429e;opacity:.75;z-index:1}@media screen and (max-width:768px){.Banner{background:url(/static/img/bannerBg.JPG) no-repeat 50%}.Banner .down-arrow{bottom:20px}.Banner .BannerOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#17429e;opacity:.75;z-index:1}.Banner .myName{font-size:30px}.Banner .welcome{font-size:24px}}.profile{margin:0 auto;padding:80px 0;color:#333}.profile .sectionTitle{color:#17429e}.profile .detailSection{text-align:left}.profile .detailSection .subSectionTitle{font-size:28px;font-weight:700;color:#17429e;margin-bottom:20px}.profile .detailSection .subSectionLabel{color:#333;font-weight:700;font-size:18px}.profile .detailSection .subSectionValue{font-size:18px;color:#555;margin-bottom:5px}.profile .profileAvatar{width:80%;border-radius:50%;border:10px solid #e3e3e3}@media screen and (max-width:768px){.profile{margin:0 auto;padding:40px 10px}.profile .detailSection{text-align:center;margin:20px 0}.profile .detailSection .subSectionTitle{font-size:20px;margin-bottom:15px}.profile .detailSection .subSectionLabel,.profile .detailSection .subSectionValue{font-size:16px}.profile .profileAvatar{width:50%}}.experience{margin:0 auto;padding:80px 0;background-color:#b8dde1;color:#006f62}.experience .subSectionTitle{font-size:28px;font-weight:700;margin:30px 0 20px}.experience .educationRow{width:80%;margin:auto 10%;padding:20px 0;border-bottom:1px solid hsla(0,0%,39.2%,.5);font-size:24px}.experience .educationRow:last-child{border-bottom:none}.experience .educationRow .school{font-weight:700}.experience .educationRow .locationIcon{display:inline-block;margin-right:10px}.experience .educationRow .educationSection{text-align:right}@media screen and (max-width:768px){.experience{margin:0 auto;padding:40px 10px}.experience .subSectionTitle{font-size:20px;font-weight:700;margin:30px 0 0}.experience .educationRow{width:100%;margin:auto;font-size:16px}.experience .educationRow .detailSection,.experience .educationRow .educationSection{text-align:left;margin:0}}.contacts{margin:0 auto;padding:80px 0;background-color:#434242;color:#fff}.contacts .sectionSubTitle{opacity:.5}.contacts .socialLinks{display:block;color:#fff;margin:10px 0;font-size:18px;line-height:40px}.contacts .socialLinks:hover{color:hsla(0,0%,100%,.63);text-decoration:none;transform:translateX(10px)}.contacts .socialLinks:hover .icon{color:#333;background-color:hsla(0,0%,100%,.3)}.contacts .socialLinks:focus{color:#fff;text-decoration:none;outline:none}.contacts .address{display:inline-block;vertical-align:middle;margin-left:10px}.contacts .icon{background:hsla(0,0%,100%,.63);text-align:center;color:#fff;font-size:20px;width:40px;height:40px;display:inline-block;border-radius:6px}.contacts .detailSection{text-align:left}.contacts .detailSection .subSectionTitle{font-size:28px;font-weight:700;color:#fff;margin-bottom:20px}.contacts .detailSection .subSectionLabel{color:#fff;font-weight:700;font-size:18px}.contacts .detailSection .subSectionValue{font-size:18px;color:#fff;margin-bottom:5px}@media screen and (max-width:768px){.contacts{margin:0 auto;padding:40px 10px}.contacts .socialLinks{display:block;color:#fff;margin:10px 0;font-size:15px;line-height:25px}.contacts .address{margin-left:0;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis}.contacts .icon{font-size:15px;width:25px;height:25px;display:inline-block;border-radius:3px;margin-right:5px}.contacts .detailSection .subSectionTitle{font-size:20px;margin-bottom:15px}}.Portfolio{background-color:#f1f1f1}.Portfolio.menuOpen .Portfolio_Nav{width:15%}.Portfolio.menuOpen .Portfolio_Nav a{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.2s}.Portfolio.menuOpen .Portfolio_RightContainer{margin-left:15%;width:85%}.Portfolio .Portfolio_MenuBtn{position:fixed;left:40px;top:40px;z-index:1}.Portfolio .Portfolio_MenuBtn .Portfolio_OpenBtn{cursor:pointer}.Portfolio .Portfolio_MenuBtn .Portfolio_OpenBtn:hover>div{transform:scaleY(1.25)}.Portfolio .Portfolio_MenuBtn .Portfolio_OpenBtn>div{display:inline-block;width:3px;height:40px;background:#333;margin-right:9px;transition:all .3s ease-in-out}.Portfolio .Portfolio_MenuBtn .Portfolio_OpenBtn>div:nth-child(2n){transition-delay:.1s}.Portfolio .Portfolio_MenuBtn .Portfolio_OpenBtn>div:nth-child(3n){transition-delay:.2s}.Portfolio .Portfolio_MenuBtn .Portfolio_OpenBtn>div:nth-child(4n){transition-delay:.3s}.Portfolio .Portfolio_Nav{position:fixed;left:0;display:flex;flex-direction:column;justify-content:center;width:0;height:100vh;overflow:hidden;border-right:1px solid #dbdbdb;transition:all .3s ease-in-out}.Portfolio .Portfolio_Nav a{cursor:pointer;color:#333;margin:5px 0;text-decoration:none;opacity:0}.Portfolio .Portfolio_RightContainer{display:flex;width:100%;transition:all .3s ease-in-out}.Portfolio .Portfolio_RightContainer .Portfolio_RightSpace{width:20%}.Portfolio .Portfolio_RightContainer .Portfolio_ProjectContainer{border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:60%;height:100%}.Portfolio .Portfolio_RightContainer .Portfolio_ProjectContainer .Portfolio_Single{cursor:pointer;width:100%;height:100%;overflow:hidden;position:relative;margin:40px 0}.Portfolio .Portfolio_RightContainer .Portfolio_ProjectContainer .Portfolio_Single:hover .Portfolio_Text{opacity:0}.Portfolio .Portfolio_RightContainer .Portfolio_ProjectContainer .Portfolio_Single:hover .Portfolio_Img{transform:scale(1.5);transition:transform 10s linear}.Portfolio .Portfolio_RightContainer .Portfolio_ProjectContainer .Portfolio_Single .Portfolio_Img{width:100%;transition:transform 1s linear}.Portfolio .Portfolio_RightContainer .Portfolio_ProjectContainer .Portfolio_Single .Portfolio_Text{position:absolute;left:0;top:0;width:100%;height:100%;background-color:hsla(0,0%,91.8%,.8);text-shadow:1px 1px 3px #333;font-size:42px;line-height:50px;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1;transition:opacity .3s ease-in-out}@media screen and (max-width:768px){.Portfolio.menuOpen .Portfolio_Nav{width:100%}.Portfolio.menuOpen .Portfolio_Nav a{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.2s}.Portfolio.menuOpen .Portfolio_RightContainer{margin-left:0;width:100%}.Portfolio .Portfolio_MenuBtn,.Portfolio .Portfolio_Nav{display:none}.Portfolio .Portfolio_RightContainer{display:flex;width:100%;transition:all .3s ease-in-out}.Portfolio .Portfolio_RightContainer .Portfolio_RightSpace{width:10%}.Portfolio .Portfolio_RightContainer .Portfolio_ProjectContainer{width:80%}.Portfolio .Portfolio_RightContainer .Portfolio_ProjectContainer .Portfolio_Single{margin:20px 0}.Portfolio .Portfolio_RightContainer .Portfolio_ProjectContainer .Portfolio_Single .Portfolio_Text{font-size:24px;line-height:30px}}*{box-sizing:border-box}body,html{width:100%;margin:0;padding:0;text-align:center;font-family:"Raleway",sans-serif}a{text-decoration:none}.maxWidthContainer{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}.sectionTitle{font-size:52px;font-weight:600;margin-bottom:10px}.sectionSubTitle{font-size:24px;font-weight:500;text-transform:uppercase;border-bottom:1px solid #e3e3e3;padding-bottom:30px;margin-bottom:50px}.isDesktopOnly{display:block}.isMobileOnly{display:none}@media screen and (max-width:768px){.isDesktopOnly{display:none!important}.isMobileOnly{display:block!important}.maxWidthContainer{padding:0 10px}.sectionTitle{font-size:30px}.sectionSubTitle{font-size:18px;padding-bottom:15px;margin-bottom:10px}}
/*# sourceMappingURL=main.4356b333.chunk.css.map */