@import url(https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css);#home{position:relative;top:0;left:0;height:100vh;width:100vw;background:url(/websiteReact/static/media/home.0ee81156.jpeg) 0 0/cover no-repeat;opacity:.8;z-index:49}.intro{position:absolute;top:40%;width:100%;text-align:center}.intro h1{color:#fff;font-size:70px;text-shadow:0 3px 5px #000}.intro h2{font-size:45px;color:#f5f5f5;font-weight:100;text-shadow:0 1px 1px #000;font-style:italic}#home a{bottom:30px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#fff;font-weight:700;text-decoration:none;cursor:pointer;font-size:15px;padding-bottom:1.4px}#home a,#home a:before{position:absolute;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}#home a:before{content:"";bottom:0;left:0;background:#fff;width:100%;height:2.4px;padding-left:4px;visibility:hidden;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}#home a:hover:before{visibility:visible;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}@media screen and (max-width:1024px) and (min-height:1000px) and (max-height:1366px){#home{background:url(https://static.pexels.com/photos/396158/pexels-photo-396158.jpeg) 10%/cover no-repeat}#home .intro h1{font-size:75px}#home .intro h2{font-size:45px}#home a{font-size:30px}}@media screen and (max-width:1024px) and (min-height:575px) and (max-height:700px){#home{background:url(https://static.pexels.com/photos/396158/pexels-photo-396158.jpeg) 10%/cover no-repeat}#home .intro{top:40%}#home .intro h1{font-size:45px}#home .intro h2{font-size:35px}}@media screen and (max-width:768px) and (min-height:1024px) and (max-height:1200px){#home .intro h1{font-size:51px}#home .intro h2{font-size:35px}#home a{font-size:23px}}@media screen and (max-width:768px) and (min-height:575px) and (max-height:770px){#home{background:url(https://static.pexels.com/photos/396158/pexels-photo-396158.jpeg) 10%/cover no-repeat}#home .intro h1{font-size:55px}#home .intro h2{font-size:31px}}@media screen and (max-width:425px){#home .intro h1{font-size:26px}#home .intro h2{font-size:19px}#home a{font-size:13px;bottom:15px}}#about{position:relative;width:100vw;height:100vh;background:url(/websiteReact/static/media/book.75283450.jpeg) 0/cover no-repeat;z-index:-1;overflow:hidden}.about-info{position:absolute;right:50px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);max-width:60%;line-height:100%}.about-info h1{font-size:60px;color:#fff;text-align:center}.about-info p{font-size:20px;color:#fff;text-align:justify;line-height:50px;text-indent:7%}@media screen and (max-width:1024px) and (max-height:1366px){#about{background:url(https://static.pexels.com/photos/97076/pexels-photo-97076.jpeg) 40% 0/cover no-repeat}.about-info{max-width:650px}.about-info h1{font-size:40px}.about-info p{font-size:22px;line-height:60px}}@media screen and (max-width:1024px) and (max-height:700px){.about-info h1{font-size:35px}.about-info p{line-height:50px;font-size:22px}}@media screen and (max-width:768px) and (min-height:575px) and (max-height:770px){.about-info{max-width:500px}.about-info p{font-size:20px}}@media screen and (max-width:425px){#about{background:url(https://static.pexels.com/photos/97076/pexels-photo-97076.jpeg) 60% 0/cover no-repeat}.about-info{top:54%;width:90%;margin:0 5%;right:0}.about-info h1{font-size:25px}.about-info p{line-height:45px;font-size:16px}}@media screen and (max-width:375px){.about-info p{font-size:14px}}@media screen and (max-width:320px){.about-info p{font-height:35px}}#skill{width:100vw;height:100vh;position:absolute;top:0;left:0;right:0;bottom:0}.skill-info{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;width:100%}#skill>h1{color:#fff;font-size:70px;text-shadow:0 3px 5px #000}#skill>h1,.skill-wrapper ul{display:block;text-align:center}.skill-wrapper ul{margin:0;padding:0;list-style:none}.skill-wrapper h1{text-align:center;font-size:60px;color:red;text-shadow:0 3px 5px #000;margin-bottom:0}.skill-wrapper li{display:inline-block;margin:20px;font-size:30px}@media screen and (max-width:1024px) and (min-height:1000px) and (max-height:1366px){#skill .skill-info{margin:0 auto;max-width:600px;padding-top:200px}#skill h1{font-size:80px}#skill ul li{font-size:32px}}@media screen and (max-width:768px) and (min-height:575px) and (max-height:770px){#skill>h1{font-size:40px}#skill:before{background:url("/images/book.jpeg") 0 0/cover no-repeat}.skill-wrapper h1{font-size:30px}.skill-wrapper li{font-size:20px}}@media screen and (max-width:425px){#skill>h1{font-size:35px}.skill-wrapper h1{font-size:25px}.skill-wrapper li{font-size:15px}}@media screen and (max-width:320px){#skill>h1{font-size:35px}.skill-wrapper h1{font-size:20px}.skill-wrapper li{font-size:14px}}#portfolio{position:absolute;top:0;right:0;left:0;bottom:0;background:url(/websiteReact/static/media/autumncover.4fc61524.jpeg) 0 0/cover no-repeat;width:100vw;height:100vh}#portfolio h1{text-align:center;color:#f5f5f5;font-size:50px;text-shadow:0 2px 4px #000;margin-bottom:20px}.show-case{position:absolute;top:55%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:auto;height:auto;text-align:center}.show-case .item{display:inline-block;width:25%;margin:1% 2.5%;max-height:auto;min-height:120px}.show-case .item img{max-width:100%;height:auto}.github-link{position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:1.5em}.github-link i{margin-right:5px}.github-link a,.github-link i{display:inline-block;color:#fff;text-shadow:0 2px 4px #000}@media screen and (max-width:1440px) and (max-height:701px){.show-case{position:static;width:80%;margin:250px auto 0}.github-link{bottom:10px;font-size:1.3em}}@media screen and (max-width:768px) and (min-height:575px) and (max-height:770px){#portfolio h1{font-size:50px}}@media screen and (max-width:425px){.show-case{padding:0}.show-case .item{width:40%;margin:1% 2.5%}.github-link{display:block;text-align:center;font-size:1.2em}}.toggle-button{position:fixed;top:5%;left:2.5%;width:55px;height:55px;border:2px solid #f5f5f5;border-radius:50%;z-index:100;cursor:pointer}.toggle{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:25px;height:35px;cursor:pointer}.toggle,.toggle span{position:absolute;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}.toggle span{display:block;background:#f5f5f5;width:50%;height:3px}.toggle span:nth-child(2n){left:50%}.toggle span:first-child,.toggle span:nth-child(2){top:15%}.toggle span:nth-child(3),.toggle span:nth-child(4){top:45%}.toggle span:nth-child(5),.toggle span:nth-child(6){top:75%}.active .toggle span:nth-child(3){-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.active .toggle span:nth-child(4){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0}.active .toggle span:first-child{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.active .toggle span:nth-child(2){-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.active .toggle span:first-child{-webkit-transform:rotate(45deg) translate(55%,-65%);-ms-transform:rotate(45deg) translate(55%,-65%);transform:rotate(45deg) translate(55%,-65%)}.active .toggle span:nth-child(2){-webkit-transform:rotate(-45deg) translate(-55%,-65%);-ms-transform:rotate(-45deg) translate(-55%,-65%);transform:rotate(-45deg) translate(-55%,-65%)}.active .toggle span:nth-child(5){-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.active .toggle span:nth-child(6){-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}.active .toggle span:nth-child(5){-webkit-transform:rotate(-45deg) translate(55%,65%);-ms-transform:rotate(-45deg) translate(55%,65%);transform:rotate(-45deg) translate(55%,65%)}.active .toggle span:nth-child(6){-webkit-transform:rotate(45deg) translate(-55%,65%);-ms-transform:rotate(45deg) translate(-55%,65%);transform:rotate(45deg) translate(-55%,65%)}.nav-slide{position:fixed;top:0;left:100%;width:100vw;height:100vh;background:#18181e;opacity:0;-webkit-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}.active .nav-slide{opacity:1;left:0}nav{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}nav ul{width:100vw;height:200px;list-style:none;text-align:center;line-height:200px;padding:0;margin:0}.active nav ul:before{top:-10px;left:0}.active nav ul:after,.active nav ul:before{content:"";position:absolute;height:10px;width:0;background:#f5f5f5;-webkit-animation:border-slide .4s .5s linear forwards;animation:border-slide .4s .5s linear forwards}.active nav ul:after{bottom:-10px;right:0}@-webkit-keyframes border-slide{0%{width:0}to{width:100%}}@keyframes border-slide{0%{width:0}to{width:100%}}nav ul li{position:relative;display:inline-block;padding:0 60px;height:200px;-webkit-transition:.7s linear;-o-transition:.7s linear;transition:.7s linear;opacity:0}.active nav ul li{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}nav ul li a{position:relative;text-decoration:none;font-size:40px;color:#f5f5f5;overflow:hidden;text-align:center}nav ul li a:before{content:"";position:absolute;bottom:0;left:0;height:4px;width:100%;visibility:hidden;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;background-color:#f5f5f5;z-index:-1}nav ul li a:hover:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);visibility:visible}body{background:#d3d3d3!important}#menu{position:relative;z-index:50}@media screen and (max-width:768px) and (min-height:1024px) and (max-height:1200px){#menu .toggle-button{width:35px;height:35px}#menu .toggle-button .toggle{width:16px;height:19px}#menu .nav-slide nav ul{height:340px;line-height:85px}#menu .nav-slide nav ul:after,#menu .nav-slide nav ul:before{height:7px}#menu .nav-slide nav ul li{display:block;height:85px}}@media screen and (max-width:768px) and (min-height:575px) and (max-height:770px){#menu .nav-slide ul{height:150px;line-height:150px}#menu .nav-slide ul li{height:150px;padding:0 40px}#menu .nav-slide ul li a{font-size:30px}}@media screen and (max-width:425px){#menu .toggle-button{width:35px;height:35px}#menu .toggle-button .toggle{width:16px;height:19px}#menu .nav-slide nav ul{height:340px;line-height:0;padding:0}#menu .nav-slide nav ul:after,#menu .nav-slide nav ul:before{height:7px}#menu .nav-slide nav ul li{padding:0;margin:0;height:25%;display:inline-block;width:100%;line-height:85px}#menu .media-button{max-width:25px;height:25px}#menu .media-button:before{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid #f5f5f5}#menu .media-button.media-active:before{display:none}#menu .media-button.media-active{max-width:70px}}body{margin:0;padding:0;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;height:100vh;width:100vw;overflow:hidden;outline:none}a:hover{color:#fff;text-decoration:none}.indent{text-indent:10%}
/*# sourceMappingURL=main.66a818ec.css.map*/