@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);:root{--primary-color:#ededf6;--secondary-color:#82d5ff;--header-color:#31343e;--text-color:#405575}*{box-sizing:border-box;margin:auto;padding:0}body{background-color:#31343e;background-color:var(--header-color);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}a{text-decoration:none}header{background-color:#31343e;background-color:var(--header-color);display:flex;flex-wrap:wrap;justify-content:space-between}header div{align-items:center;background-color:#82d5ff;background-color:var(--secondary-color);display:flex;height:55px;justify-content:flex-start;margin:10px 0 20px;width:430px}header div img{border:2px solid #31343e;border:2px solid var(--header-color);border-radius:50%;height:50px;width:50px}header h1{color:#31343e;color:var(--header-color);font-size:38px;font-weight:700}header nav{margin:25px 60px 25px 30px}header nav ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}header nav ul li a{border-bottom:3px solid;color:#82d5ff;color:var(--secondary-color);font-size:1.35vw;font-weight:lighter;margin:0 6px;padding:5px 15px}.navActive,header nav ul li a:hover{color:#fff}.hero{align-items:flex-end;background-color:#b9b9b9;background-image:url(/static/media/bgPortfolio.72201ba11dca25fe4a0f.jpg);background-position:50%;background-size:cover;display:flex;height:250px;justify-content:flex-end;opacity:.7}.hero-mini{height:140px}.hero div{align-items:center;background-color:#82d5ff;background-color:var(--secondary-color);display:flex;flex-direction:column;height:55px;justify-content:center;margin:20px 100px;width:420px}.hero h2{color:#31343e;color:var(--header-color);font-size:32px}#about-me img{border:5px solid #31343e;border:5px solid var(--header-color);border-radius:50%;display:block;height:180px;margin:40px auto 30px;width:180px}.main-section{background-color:#ededf6;background-color:var(--primary-color);display:flex;flex-direction:column;justify-content:space-between}.content{display:block;margin:30px 100px 100px;text-align:center}.section-title{margin-top:0;min-width:165px;padding-right:15px;text-align:right}.section-title h2{color:#405575;color:var(--text-color);font-size:43px;font-weight:700;margin-left:-20px}.main-content{border-left:3px solid #405575;border-left:3px solid var(--text-color);flex:1 1;padding-left:30px}.content p{color:#405575;color:var(--text-color);line-height:1.5}.main-content{border:none;padding-left:0}.section-title h2{border-bottom:3px solid;margin:0 auto 35px;text-align:center;width:60%}article{display:flex;flex-wrap:wrap;justify-content:center}.article-detail{background-color:#31343e;background-color:var(--header-color);border:5px solid #82d5ff;border:5px solid var(--secondary-color);height:250px;margin:5px;min-width:180px;overflow:hidden;position:relative;width:48%}article img{height:400px;margin-top:-100px;opacity:.45;width:400px}article>div:first-of-type{height:300px;min-width:280px;overflow:hidden;width:97%}article div a>img:first-of-type{height:auto;opacity:.45;width:100%}article img:first-of-type:hover{opacity:1}.article-info{background-color:#31343e;background-color:var(--header-color);bottom:0;color:#fff;display:flex;flex-direction:column;height:120px;justify-content:flex-start;max-width:450px;opacity:.9;padding-left:5px;padding-right:4px;padding-top:3px;position:absolute;text-align:left}article h4{font-size:17px;width:100%}article a,article h4{color:hsla(0,0%,88%,.932)}article a{font-size:15px;margin:auto 5px}.article-description{color:hsla(0,0%,88%,.932)!important;font-size:15px;justify-content:left;width:96%}.article-description:after{-webkit-animation:blink .5s infinite;animation:blink .5s infinite;color:#fff;content:"_";display:inline-block}.article-base{margin-bottom:5px}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.resume{margin:30px 150px 70px;text-align:left}.resume h3{margin:13px auto}.resume li{margin-left:20px}.resume button{margin-bottom:20px;width:140px}form{background-color:hsla(0,0%,100%,.5);border-radius:8px;font-size:16px;padding:15px;text-align:left;width:50%}input{background-color:#fff;border:1px solid #bdbdbd;border-radius:5px;color:#31343e;color:var(--header-color);cursor:pointer;margin:5px;padding:10px 20px;width:100%}input:hover{background-color:#ffffffe8}input:focus{border:1px solid var(--secondary);box-shadow:0 0 .25rem rgba(0,0,0,.5)}textarea{border:1px solid #eee;border-radius:4px;box-sizing:border-box;color:#31343e;color:var(--header-color);margin-bottom:16px;margin-top:8px;padding:8px;resize:vertical;width:100%}button{padding:9px;width:100px}button:active,button:hover{background-color:#ededf6;background-color:var(--primary-color)}button:active{border:3px}.btn-div{text-align:end}.footer{background-color:#31343e;background-color:var(--header-color);margin:0}.footer-menu{padding:60px 0}.footer-menu ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;list-style:none}.footer-menu ul li{font-size:35px;font-weight:bolder;margin:0;opacity:.6;padding:5px 20px}.footer-menu ul li:hover{opacity:.9}.footer-menu ul li a,.footer-menu ul li a:visited{color:#82d5ff;color:var(--secondary-color)}.email a{font-size:18px}@media screen and (max-width:980px){header{padding-bottom:0;position:relative}header nav ul{justify-content:center;width:100%}header nav ul li a{font-size:14px;padding:5px 0}.hero div{margin-right:30px}.hero-mini{display:none}.content{margin:30px}.footer-menu ul li a{font-size:16px;margin:5px;padding:5px}}@media screen and (max-width:768px){header{height:110px}header,header div{justify-content:center}header div{align-items:center;height:45px;margin-bottom:0;width:420px}header div img{display:none}header h1{font-size:28px;margin:0}header nav{margin:12px 30px 25px}header nav ul li a{font-size:16px;margin:5px;padding:5px}.hero div{height:45px;width:350px}.hero div h2{font-size:24px}.section-title h2{font-size:36px}form{width:70%}.section-title br{content:" ";display:none}.section-title br:after{content:" "}#contact-me h2{display:none}.footer-menu{padding:15px 0}}@media screen and (max-width:575px){.hero{height:150px}.hero div{height:35px;margin-bottom:10px;margin-right:0;width:280px}.hero div h2{font-size:20px}.content{margin:10px}form{width:90%}.content p{font-size:19px;line-height:1.25;text-align:justify;text-justify:inter-word}.article-detail{width:100%}article img{opacity:1}article>div:first-of-type{height:250px}article div a>img:first-of-type{opacity:1}.article-description,article a{font-size:15px!important}#work{margin-top:45px}.main-content nav{margin-bottom:50px}.article-base a{font-size:13px!important;margin-bottom:2px}.article-base i{margin-left:0;margin-right:0}}@media screen and (min-width:981px){header nav ul li a{font-size:16px}}.App{text-align:center}.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)}}
/*# sourceMappingURL=main.151de821.css.map*/