@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap);a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:initial}:focus{outline:0}body{background:#fff;color:#000;line-height:1}ol,ul{list-style:none}table{border-collapse:initial;border-spacing:0}caption,td,th{font-weight:400;text-align:left}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}*{box-sizing:border-box}body{font-family:Oswald;overflow-x:hidden}.about,body{background-color:#585656}.about{border-bottom:1px solid #d8d8d8;color:#585656;font-family:Open Sans;font-size:1.2rem;min-height:100vh}.about #technologies{font-weight:700}.about .about-content{background-color:#d8d8d8;border-radius:5px;box-shadow:0 0 3px 1px #a8a8a8;line-height:2rem;margin:1rem auto;max-width:800px;padding:32px}.about .about-content li{list-style-type:disc;margin-left:2rem}.about .about-content #distinct,.about .about-content p{font-weight:700}.about .about-content p:nth-of-type(2){padding-top:32px}.about h2{border-bottom:1px solid #ffffff80;color:#fff;font-family:Open Sans;font-size:2rem;font-weight:700;padding:2rem 0 1rem 2rem;position:relative;width:50vw}.about h2:after{background-color:#fff;border-radius:50%;bottom:-3px;content:"";display:block;height:5px;position:absolute;right:0;width:5px}@media(max-width:700px){.about-content p{font-size:.8rem;line-height:1.5rem}}.title{background-color:#d8d8d8;display:flex;height:100vh;justify-content:space-between;position:relative}.title .menu a{animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both;border-bottom:1px solid #0000001a;color:#585656;cursor:pointer;display:block;font-family:Open Sans;font-weight:700;padding:2rem 0 1rem;position:relative;transition:all .2s ease-out;width:10%}.title .menu a:first-child{animation-delay:.2s}.title .menu a:nth-child(2){animation-delay:.4s}.title .menu a:nth-child(3){animation-delay:.6s}.title .menu a:after{background-color:#069b9b;border-radius:50%;bottom:-3px;content:"";display:none;height:5px;position:absolute;right:0;width:5px}.title .menu a:hover{border-bottom:1px solid #069b9b80;color:#000;width:20%}.title .menu a:hover:after{display:block}.title span{background-color:#069b9b;border-radius:10px;color:#fff;padding:0 2rem}.title .title-left{display:flex;flex-direction:column;justify-content:flex-start;margin-left:3rem}.title .title-left h1{font-size:5rem;padding-top:3rem;text-transform:uppercase}.title .title-left h2{border-bottom:1px solid #069b9b80;color:#069b9b;font-family:Open Sans;font-size:2rem;font-weight:700;padding:1rem 0;position:relative}.title .title-left h2:after{background-color:#069b9b;border-radius:50%;bottom:-5px;content:"";display:block;height:10px;position:absolute;right:0;width:10px}.title .social-links{bottom:2%;display:flex;position:absolute}.title .social-links i{font-size:2rem;padding:2rem 2rem 2rem 0}.title .social-links a{color:#000}@keyframes scale-in-center{0%{opacity:1;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){body .title{align-items:flex-start;max-height:100vh}body .title h1{font-size:2rem}body .title h2{font-size:1rem}body .title .title-left{margin:0;padding:1rem;width:100%}body .title .title-left h1{font-size:2rem;padding-top:1rem}body .title .title-left h2{font-size:1rem}}@media(max-width:700px)and (orientation:landscape){.social-links{right:2%}}.projects{min-height:100vh}.projects h2{border-bottom:1px solid #ffffff80;color:#fff;font-family:Open Sans;font-size:2rem;font-weight:700;padding:2rem 0 1rem 2rem;position:relative;width:50vw}.projects h2:after{background-color:#fff;border-radius:50%;bottom:-3px;content:"";display:block;height:5px;position:absolute;right:0;width:5px;z-index:1}.projects a{color:#fff;padding:.5rem;text-decoration:none;transition:all .2s ease}.projects a:hover{background-color:#d8d8d8;color:#000}.projects .swipe{text-align:center}.projects .swipe-nav{background-color:#d8d8d8;min-height:10vh}.projects .p1,.projects .swipe-nav{align-items:center;display:flex;justify-content:center}.projects .p1{background-color:#585656;flex-direction:column;min-height:80vh}.projects .p1 h1{background-color:#d8d8d8;color:#585656;font-family:Open Sans;font-size:1.5rem;font-weight:800;padding:.5rem}.projects .p1 h1,.projects .p1 img{border-radius:4px;margin-bottom:2rem;width:50vw}.projects .p1 img{max-width:80%}.projects .p1 .project-src{color:#fff;display:flex;font-family:Open Sans;justify-content:center}.projects .p1 .project-src p{padding:1rem}.projects button{background-color:#d8d8d8;border:0;color:#fff;cursor:pointer;height:100%;padding:0 5rem;width:100px}.projects button:hover i{transform:scale(1.1)}.projects button i{color:#069b9b;font-size:2rem;transition:transform 50ms linear}@media(max-width:500px){.projects .p1 h1{font-size:1rem;width:80vw}.projects .p1 img{width:80vw}.projects .p1 .project-src{width:80%}}.contact{display:flex;flex-direction:column;font-size:1rem;min-height:100vh}.contact h2{border-bottom:1px solid #ffffff80;color:#fff;font-family:Open Sans;font-size:2rem;font-weight:700;padding:2rem 0 2rem 3rem;position:relative;width:50vw}.contact h2:after{background-color:#fff;border-radius:50%;bottom:-3px;content:"";display:block;height:5px;position:absolute;right:0;width:5px}.contact p{color:#e0e0e0;font-family:Open Sans;font-weight:700;padding:1rem}.contact i{color:#06ffff;font-size:2rem}.contact .row{flex-direction:row}.contact .row,.contact span{align-items:center;display:flex}.contact span{border:1px solid #0000;height:10vh;padding-left:3rem;transition:all .2s ease;width:50vw}.contact span:hover{background-color:#6d6c6c33;border-bottom:1px solid #fff3;cursor:pointer}.contact a{text-decoration:none}@media(max-width:700px){body .contact{align-items:flex-start;margin:0}body .contact .contact-title{padding-top:1rem}body .contact h2{padding-left:10px;width:90vw}body .contact span{height:10%;justify-content:flex-start;padding:1rem;width:100vw}body .contact p{font-size:1rem}body .contact .row{flex-direction:row}}
/*# sourceMappingURL=main.e27ba0a9.css.map*/