body{font-size:1em;line-height:1.5;margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0;padding:0;overflow:hidden}.home-section{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(https://images.unsplash.com/photo-1485470733090-0aae1788d5af?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1991);background-size:inherit;background-attachment:fixed;background-repeat:no-repeat;font-size:30px;margin:0;padding:0}.home-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,.5)}.home-section h1,.home-section span{z-index:2;text-transform:uppercase;color:#fff;margin:6px;-webkit-transition:color .5s;transition:color .5s;display:flex;justify-content:center;align-items:center}.home-section h1:hover,.home-section span:hover{color:#fbb902}@media(max-width:900px){.home-section{flex-wrap:wrap;font-size:20px}.home-section span{display:none}}@media(max-width:700px){.home-section{flex-wrap:wrap;font-size:10px}.home-section span{display:none}}.header{position:fixed;width:100%;z-index:2}.header .container{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;text-transform:uppercase}.header .container .logo-container{height:3%;width:3%;padding:25px;font-size:30px;-webkit-transition:all .5s;transition:all .5s;font-family:kanit;font-weight:Bold Italic 800;color:#b4bcc4;text-transform:none}.header .container .logo-container:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.header .container .options{margin:1em 0 .5em}.header .container .options .option{padding:.5em 1.5em;display:inline;list-style:none;text-decoration:none;color:#fff;-webkit-transition:color .3s;transition:color .3s}.header .container .options .option:hover{color:#fbb902}.header .container .options .option:hover:nth-child(2),.header .container .options .option:hover:nth-child(4){color:#01afcc}@media(max-width:700px){.header .container{background:#000}.header .container .logo-container{display:none}.header .container .options{margin:1.5em auto}.header .container .options .option{padding:0 .4em}}.about-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 110px;background:#0f0f0f;color:#fff}.about-section .section-title{font-size:50px;text-transform:uppercase}.about-section ul.about-content{width:100%;display:grid;grid-template-columns:1fr 2fr;align-items:center;justify-content:center;background-clip:content-box;background-size:cover;background-position:50%}.about-section ul.about-content li{padding:10px;height:100%;list-style:none}.about-section .about-left{margin:20px 60px}.about-section .about-left img{border-radius:20px 20px;background-size:contain;height:500px}.about-section .about-right{padding:20px}.about-section .about-right h3{font-size:30px}.about-section .about-right p{text-align:start;font-size:25px;line-height:2;text-align:justify}@media(max-width:700px){.about-section{padding:0}.about-section .section-title{margin-top:5;font-size:30px;margin-bottom:0}.about-section ul.about-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex-wrap:wrap;padding:0}.about-section ul.about-content .about-left{padding:0}.about-section ul.about-content .about-left img{height:200px;width:170px}.about-section ul.about-content .about-right{padding:0}.about-section ul.about-content .about-right h3{text-transform:uppercase;padding:10px}.about-section ul.about-content .about-right p{font-size:17px;text-align:center;padding:5px}}@media(max-width:1024px){.about-section .about-right h3{margin-top:0;font-size:25px}.about-section .about-right p{padding:0;margin-top:0;font-size:20px;line-height:1.5;line-break:strict}}.title{color:#fff;font-size:50px;text-transform:uppercase}@media(max-width:700px){.title{font-size:30px}}.skills-section{background:#0f0f0f;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px}.skills-section hr{width:80%}.skills-section .title{margin-bottom:0}.skills-section .skills-container{display:flex;justify-content:center;align-items:center;height:100%}.skills{display:flex;flex-direction:column;align-self:center}.skills .skill{margin:1em 0;position:relative;width:22em}.skills .skill .skill_type{color:#fff;font-weight:300;font-size:1em;letter-spacing:.145em;text-transform:uppercase;width:5em}.skills .skill .skill__ouuter-bar{background:#333;margin-top:1em}.skills .skill .skill__ouuter-bar .skill__inner-bar{height:.75em}.skills .skill .skill__ouuter-bar .skill__inner-bar--50{width:50%;background:#f8a518}.skills .skill .skill__ouuter-bar .skill__inner-bar--45{width:45%;background:#18a6f8}.skills .skill .skill__ouuter-bar .skill__inner-bar--40{width:40%;background:#f8dd18}.skills .skill .skill__ouuter-bar .skill__inner-bar--30{width:30%;background:#61dafb}@media(max-width:700px){.skills .skill{width:15em;margin:0}}.projects-Section{background:#0f0f0f}.projects-Section .title{margin-top:10;color:#eee;font-size:50px;text-transform:uppercase;display:flex;justify-content:center}.projects-Section hr{width:80%;margin:0 auto}@media(max-width:700px){.projects-Section .title{font-size:30px}.projects-Section .gallery{grid-template-columns:repeat(4,1fr)}.projects-Section .gallery .project:nth-child(2){display:none}.projects-Section .gallery .project:nth-child(3){grid-column:3/5}.projects-Section .gallery .project:nth-child(4){display:none}.projects-Section .gallery .project:nth-child(5){grid-column:3/5}.projects-Section .gallery .project img{opacity:1}.projects-Section .gallery .project .project-name{opacity:0}}.gallery{display:grid;grid-template-columns:repeat(5,1fr);background-color:#000}.gallery .project{width:100%;height:100%;position:relative}.gallery .project .project-name{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-color:#000;font-size:30px;text-transform:uppercase;color:#fff;-webkit-transition:1s;transition:1s}.gallery .project:first-child{grid-row:1/3;grid-column:1/3}.gallery .project:nth-child(3),.gallery .project:nth-child(5){grid-column:4/6}.gallery .project img{opacity:.1;-webkit-transition:all 1s;transition:all 1s;overflow:hidden;width:100%;height:100%}.gallery .project:hover img{opacity:1}.gallery .project:hover .project-name{opacity:0}.footer{display:flex;background:#0f0f0f;color:#fff;justify-content:center;text-align:center;align-items:center;padding-top:20px;height:100%}.footer .copy{margin-bottom:15px}.footer .contain-footer{color:#fff;display:flex;justify-content:center;margin-bottom:20px;font-size:20px}.footer .contain-footer .fa-facebook{color:#3b5998;margin-left:20px}.footer .contain-footer .fa-instagram{color:#c13584;margin-left:20px}.footer .contain-footer .fa-github{color:#fff;margin-left:20px}@media(max-width:700px){.footer{flex-direction:column;padding-bottom:10px}.footer .contain-footer{display:flex;flex-wrap:wrap;text-align:center}}
/*# sourceMappingURL=main.2e3375a3.chunk.css.map */