@import url(https://fonts.googleapis.com/css2?family=Jost:wght@400;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.MuiButtonBase-root .MuiButton-root,button{padding:10px 25px;background:transparent;font-size:2rem;font-weight:600;line-height:23px;border-radius:4px;cursor:pointer;position:relative}.normal{border:2px solid #95bfd8;color:#ebf8fe;cursor:pointer;transition:color .1s ease-in-out}.normal:hover{background:#95bfd8;color:#1c2c35}.outline{border:2px solid #a7fbb7;color:#ebf8fe;cursor:pointer;transition:color .1s ease-in-out}.outline:hover{background:#a7fbb7;color:#1c2c35}.solid{border:none;background:#95bfd8;color:#111a20;transition:color .1s ease-in-out}.solid:hover{background:#a7fbb7;color:#1c2c35}.solid-primary{border:none;background:#a7fbb7;color:#111a20;transition:color .1s ease-in-out}.solid-primary:hover{background:#62db79;color:#1c2c35}.button__overlay{display:none;background:rgba(99,97,97,.502);position:absolute;top:0;left:50%;width:100%;height:100%;margin-left:-50%;border-radius:30%;-webkit-animation:ripple 1s infinite;animation:ripple 1s infinite;opacity:0;z-index:55}.button__overlay:focus:not(:active):after{display:block}@-webkit-keyframes ripple{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes ripple{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}}.contact-form{position:fixed!important;top:0;left:0;background:rgba(0,0,0,.6);z-index:1000;width:100%;height:100%}.form__inner{max-width:800px;height:70vh;margin:10% auto 0;position:relative;background-color:#365262}.form__inner .form__close{position:absolute;top:0;right:0;width:50px;height:50px;margin-right:-10px;margin-top:-10px;z-index:10;cursor:pointer}.form__inner .form__loader{height:100%;display:flex;align-items:center;justify-content:center}.navbar{padding:20px;width:100%;z-index:99;background:#111a20;position:fixed}.navbar__container{max-width:1200px;padding-top:20px;width:100%;margin:auto;display:flex;justify-content:space-between;align-items:center}.navbar__links .navbar__closeIcon,.navbar__links .navbar__hamburger{cursor:pointer;width:50px;height:50px;z-index:20;color:#ebf8fe;display:none}@media(max-width:700px){.navbar__links .navbar__closeIcon,.navbar__links .navbar__hamburger{display:inline}}.navbar__links .navbar__closeIcon:hover,.navbar__links .navbar__hamburger:hover{color:#a7fbb7}.navbar__links ul{display:flex;align-items:center;flex-direction:row}@media(max-width:700px){.navbar__links ul{-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;z-index:-5;position:fixed;top:0;left:0;padding-top:120px;width:100%;height:100vh;text-align:center;flex-direction:column;align-items:center;background:#111a20}.navbar__links ul>li{margin-bottom:50px}.navbar__links ul>li a{font-size:4rem}}.navbar__links ul a,.navbar__links ul li{margin-right:20px;font-size:2rem;font-weight:600;line-height:23px;color:#ebf8fe;transition:color 50ms ease-in-out}.navbar__links ul a:last-child,.navbar__links ul li:last-child{margin-right:0}.navbar__links ul a:hover,.navbar__links ul li:hover{color:#a7fbb7;cursor:pointer}.navbar .hide{display:none!important}.navbar .show{display:flex!important;-webkit-transform:translateX(0)!important;transform:translateX(0)!important;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.banner{padding:40px;width:100%}.banner__bg{position:absolute;top:0;left:0;width:100%;z-index:-1;object-fit:contain}.banner__container{max-width:1200px;z-index:8;width:100%;margin:10% auto auto;display:flex;justify-content:space-between;align-items:center}@media(max-width:900px){.banner__container{margin-top:20%}}@media(max-width:700px){.banner__container{margin-top:20%}}@media(max-width:500px){.banner__container{margin-top:40%}}.banner__image{max-width:450px}.banner__image img{width:100%;height:auto}.banner__content{max-width:60%;text-align:left}.banner__content h1,.banner__content h3,.banner__content h5{margin-bottom:10px}.banner__content button{margin-top:15px}.banner__content .text-highlight{font-weight:700;border-bottom:1px solid #ebf8fe}.banner__content .github{color:#cfffd8}.banner__content .github:hover{color:#a7fbb7;border-bottom:1px solid #ebf8fe;cursor:pointer}.banner__content .dribbble{color:#ea4c89}@media(max-width:800px){.banner{padding:20px}.banner__image{display:none}.banner__content{max-width:90%;margin:auto;text-align:center}.banner__content h1{font-size:3rem;margin:15px 0}}.skill-item{flex:1 1 40%;display:flex;align-items:center;padding:20px 5%}.skill-item__logo .logo__circle{width:85px;height:85px;border-radius:50%;background:#365262;display:flex;align-items:center;justify-content:center;margin-right:15px}.skill-item__content{text-align:left}.skill-item__content h4{color:#ebf8fe;margin-bottom:5px}.skills{padding:40px;width:100%}.skills__container{max-width:1200px;width:100%;margin:auto;background-color:#1c2c35;border-radius:4px;min-height:550px;padding-top:50px}.skills__lists{display:flex;flex-wrap:wrap;margin-top:50px}@media(max-width:600px){.skills{padding:40px 20px}}.tag{width:100%}.tag .tag-container{min-width:70px;text-align:center;border-radius:4px;padding:10px}.tag .primary{background-color:#c4fad0}.tag .secondary{background-color:#c87576}.tag p{color:#1c2c35;size:2rem;text-transform:capitalize}.rp-card{min-height:410px;max-width:370px;width:100%;margin:10px 15px;border-radius:4px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;position:relative}.rp-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.rp-card__image{min-height:200px}.rp-card__image img{border-radius:4px 4px 0 0;max-width:370px}.rp-card__contents{text-align:left;padding:10px 20px;background:#1c2c35;border-radius:0 0 4px 4px}.rp-card__contents h4{color:#ebf8fe;margin-bottom:5px}.rp-card__contents p{margin-bottom:10px}.rp-card__contents button{margin-right:10px}.rp-card .repo-tag{position:absolute;top:0;right:0;padding:10px;width:-webkit-max-content;width:max-content}@media(max-width:825px){.rp-card{max-width:90%;min-width:370px;margin:10px 15px 40px;padding:0}.rp-card__image img{border-radius:4px 4px 0 0;max-width:100%}.rp-card__contents{padding-bottom:30px}.rp-card__contents button,.rp-card__contents h4,.rp-card__contents p{margin-bottom:20px;margin-right:20px}}.recent-projects{padding:40px 20px;width:100%}.recent-projects__container{max-width:1200px;width:100%;margin:auto;padding-top:50px}.recent-projects__cards{display:flex;flex-wrap:wrap;margin-top:50px;justify-content:space-evenly}.article-card{max-width:400px;width:100%;min-width:300px;margin:10px 15px;position:relative;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.article-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05);cursor:pointer}.article-card__image{min-height:250px;max-height:400px;border-radius:4px;position:relative}.article-card__image .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,rgba(11,10,10,.591),#000)}.article-card__contents{text-align:left;padding:10px 20px;position:absolute;bottom:0;left:0;transition:.2s;cursor:pointer}.article-card__contents h4{color:#ebf8fe;margin-bottom:5px}.article-card__contents p{margin-bottom:10px;font-size:2.5rem}.article-card__contents button{margin-right:10px}.article-card .type-tag{position:absolute;top:0;right:0;padding:10px;width:-webkit-max-content;width:max-content}@media(max-width:865px){.article-card{max-width:100%;min-width:370px;margin:0 0 30px}.article-card__image img{border-radius:4px 4px 0 0;width:100%}.article-card__contents{padding-bottom:30px}.article-card__contents button,.article-card__contents h4,.article-card__contents p{margin-bottom:20px;margin-right:30px}}.article-videos{padding:40px;width:100%}.article-videos__container{max-width:1200px;width:100%;margin:auto;padding-top:50px}.article-videos__cards{display:flex;flex-wrap:wrap;margin-top:50px;justify-content:space-evenly}.experience-card{border-radius:4px;max-width:270px;background:#272f43;min-height:280px;margin-right:15px;margin-bottom:20px}.experience-card__container{padding:10px}.experience-card__logo{object-fit:contain;min-height:70px;margin-top:20px}.experience-card__logo>img{object-fit:contain;width:100px}.experience-card__title{color:#a7fbb7;font-weight:700;margin-bottom:20px}.experience-card__progress{font-weight:700;margin-top:15px}.experience-card__time{margin-top:10px;margin-bottom:15px}@media(max-width:667px){.experience-card{min-width:370px;margin-bottom:40px;padding-left:10px;padding-right:10px;margin-right:0}}.experience{padding:40px;width:100%}.experience__container{max-width:1200px;width:100%;margin:auto;padding-top:50px}.experience__container>p{width:80%;margin:15px auto 0}.experience__cards{display:flex;flex-wrap:wrap;margin-top:50px;justify-content:space-evenly}.cta-card{padding:40px;width:100%;background-color:#1c2c35;text-align:center}.cta-card__container{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;padding-top:50px;padding-bottom:30px}.cta-card__container h1{color:#ebf8fe;width:95%;display:flex;justify-content:center}.cta-card__container p{display:flex;justify-content:center;margin:20px auto 10px;width:80%}.cta-card__container button{margin-bottom:20px;margin-top:20px}.footer__container{max-width:1200px;width:100%;margin:auto;padding:20px 0}.footer__container>p{margin:20px auto;font-weight:400}.footer__social-icons{padding-top:20px;display:flex;justify-content:center;font-size:4rem;align-items:center}.footer__social-icons a{color:#95bfd8}.footer__social-icons a:hover{color:#a7fbb7;cursor:pointer;text-decoration:none}.footer__social-icons .social-icon{margin-right:20px;width:40px;height:40px}.footer__social-icons .social-icon:hover{color:#a7fbb7;cursor:pointer}:root{font-size:8px;font-weight:400}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}:focus{outline:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}html{scroll-behavior:smooth}body{background:#111a20;font-family:"Jost",sans-serif;font-size:2rem;width:100%;color:#95bfd8}.App{text-align:center}h1{font-size:6rem;color:#a7fbb7}h1,h2{font-family:"Jost",sans-serif;line-height:142%;font-weight:700}h2{font-size:5rem}h3{font-weight:700}h3,h4{font-family:"Jost",sans-serif;font-size:3rem;line-height:35px}h4,h5{font-style:normal;font-weight:600}h5{font-size:2.25rem;line-height:180%;color:#ebf8fe;letter-spacing:.8px}h5,p{font-family:"Jost",sans-serif}p{font-size:2rem;font-style:normal;line-height:23px;font-weight:400;color:#95bfd8}.section__title{text-align:center;text-transform:uppercase;color:#ebf8fe;line-height:35px;font-size:3rem}
/*# sourceMappingURL=main.668e4156.chunk.css.map */