*{box-sizing:border-box;margin:0;padding:0}body{background:#0a192f;color:#ccd6f6;font-family:Roboto Mono,monospace;font-weight:200}a{text-decoration:none}li{list-style:none}.App{margin-left:auto;margin-right:auto;max-width:90%;padding:1rem}.navigation{align-items:center;display:flex;height:60px;margin-bottom:1rem;padding:.5rem 0;position:relative;width:100%}.navigation .brand-name{margin-top:.5rem}.navigation .brand-name img{height:100%;width:100px}.navigation .navigation-menu{margin-left:auto}.navigation .navigation-menu ul{display:flex;font-size:14px;padding:0}.navigation .navigation-menu ul li{color:#ccd6f6;list-style-type:none;margin:0 1rem}.navigation .navigation-menu ul li:focus,.navigation .navigation-menu ul li:hover{color:#64ffda}.navigation .navigation-menu ul a{padding-top:1rem}.navigation .hamburger{background-color:#0a192f;border:0;border-radius:50%;cursor:pointer;display:none;height:45px;position:absolute;right:25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:background-color .2s ease-in-out;width:45px}.navigation .hamburger:hover{background-color:rgba(100,255,218,.6)}@media(max-width:599px){.navigation .brand-name{padding-left:1rem}.navigation .brand-name img{height:100%;width:75px}.navigation .hamburger{display:block}.navigation .navigation-menu ul{background-color:rgba(10,25,47,.8);border-top:1px solid #000;display:none;flex-direction:column;height:calc(100vh - 77px);left:0;position:absolute;top:60px;width:100%}.navigation .navigation-menu ul li{padding:.5rem;text-align:center}.navigation .navigation-menu.expanded ul{display:block}}.home{margin-top:10rem}.home,.home .name{align-items:center;display:flex;flex-direction:column}.home .name h1{color:#64ffda;font-size:48px;font-weight:800;text-transform:uppercase}.home .name h2{color:#8892b0}.home .about{align-items:center;display:flex;flex-direction:column;margin:1.5rem 0}.home .about p{margin-bottom:2rem;text-align:justify}.home .about h3{margin-bottom:.5rem}.home .about ul{padding:1rem}.home .about ul li{color:#8892b0;text-align:center}.home .btn{font-size:18px;margin:1rem 0;width:300px}.home .btn:hover{background-color:#64ffda;color:#000}@media(max-width:599px){.home{margin-top:5rem}.home .name h1{font-size:28px}.home .name h2{font-size:18px}.home .about p{font-size:14px}.home .btn{width:200px}}.footer{align-items:center;display:flex;flex-direction:column;margin:2rem 0 1rem}.footer .social ul{display:flex;flex-direction:row}.footer .social ul li{padding:1rem}.footer .social ul li .social-icon{color:#ccd6f6;height:32px;width:auto}.footer .social ul li :hover{color:#64ffda;cursor:pointer}.footer .copyright{bottom:0;color:#ccd6f6;margin-top:1rem;text-align:center}.about{margin-top:4rem;padding:3rem}.about .section-tag{color:#64ffda;margin-bottom:1rem}.about .fa-arrow{color:#8892b0;padding-right:.5rem}.about .about-me{align-items:row;display:flex}.about .about-me .about-me-left{margin-right:1rem}.about .about-me .about-me-left h3{color:#8892b0}.about .about-me .about-me-left p{font-size:smaller;margin:.5rem 0 1rem;text-align:justify}.about .about-me .about-me-right{margin-left:1rem;padding-top:4rem}.about .about-me .about-me-right figure{border-bottom:3px solid #64ffda;border-right:3px solid #64ffda;display:inline-flex;padding-top:1rem}.about .about-me .about-me-right figure img{height:250px;width:auto}.about .skills ul{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.about .skills ul li{color:#8892b0;padding:1rem}.about .education table{border-collapse:collapse;margin:1rem 0;width:100%}.about .education td,.about .education th{border:1px solid #64ffda;padding:.5rem;text-align:center}.about .education td{color:#8892b0}.about .projects{margin-bottom:2rem}.about .projects .project-lists{margin-top:.5rem}.about .projects .project-lists ul{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.about .projects .project-lists ul li{margin:.5rem}.about .projects .project-lists ul li a{color:#8892b0}.about .projects .project-lists ul li :hover{color:#64ffda}@media(max-width:599px){.about{margin-top:2rem;padding:1rem}.about .about-me{flex-direction:column-reverse}.about .about-me .about-me-left{margin-right:0}.about .about-me .about-me-right{margin-left:auto;margin-right:auto;padding-top:2rem}.about .about-me .about-me-right figure{border:3px solid #64ffda;margin-bottom:2rem}.about .about-me .about-me-right figure img{height:250px;width:auto}.about .education table{border-collapse:collapse;font-size:small;margin-bottom:1rem;margin-left:-1rem;margin-top:1rem;width:100%}.about .projects .project-lists{font-size:small}}.experiences{margin:4rem}.experiences h1{border-bottom:1px solid #64ffda;margin-bottom:.2rem;padding-bottom:.5rem}.experiences .card{padding:1rem}.experiences .card .card-header{padding-bottom:.5rem}.experiences .card .card-header h3{color:#64ffda}.experiences .card .card-header h3 a{color:#ccd6f6}.experiences .card .card-header h3 :hover{color:#64ffda}.experiences .card .card-header h4{color:#8892b0}.experiences .card .card-body ul li{color:#8892b0;font-size:small;padding-bottom:.5rem}.experiences .card .card-body ul li .carret-icon{color:#64ffda;font-size:medium;margin-right:1rem}.experiences .card .card-footer{margin-top:1rem}.experiences .card .card-footer h5{color:#ccd6f6;font-size:medium}.experiences .card .card-footer p{color:#8892b0}@media(max-width:599px){.experiences{margin:0;padding-top:2rem}.experiences h1{text-align:center}}.btn{background-color:#0a192f;border:.1em solid #64ffda;border-radius:.12em;box-sizing:border-box;color:#ccd6f6;display:inline-block;font-family:Roboto Mono,monospace;font-weight:300;padding:.7em 1.2em 1em;text-align:center;transition:all .2s}.btn:hover{color:#64ffda}.contact{margin:2rem}.contact .container{padding:10rem;text-align:center}.contact .container h1{border-bottom:1px solid #64ffda;margin-bottom:1rem;padding-bottom:1rem}.contact .container p{color:#8892b0;margin-bottom:1rem}.contact .container address{margin-bottom:2rem}@media(max-width:599px){.contact{margin-top:4rem}.contact .container{padding:0}}
/*# sourceMappingURL=main.6411afaf.css.map*/