@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;400;600;700&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-size:100%;list-style:none;text-decoration:none;outline:none;font-family:roboto;scroll-behavior:smooth}img{width:100%}p{line-height:1.3}a{color:inherit}button{border:none;cursor:pointer}header{position:sticky;top:0;z-index:99;background-color:#fff;box-shadow:0 3px 3px -4px #000}header .header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;font-size:1rem}header .header-content .logo{width:2.6em;min-width:35px}header .header-content nav{display:flex;align-items:baseline}header .header-content nav li{font-size:1.25em;margin-left:1.4em}header .header-content nav li:hover{color:#c20}header .header-content nav .resume{background-color:#c20;margin-left:2rem;padding:8px 1.6em;font-size:1.3em;color:#fff}header .header-content nav .resume:hover{color:#fff}.menu{display:none}.menu ion-icon[name=menu-outline]{font-size:3em!important;cursor:pointer}.menu .menu-panel{background-color:rgba(0,0,0,.7);position:fixed;top:0;right:100%;width:70vw;height:100vh;padding:5rem 1rem;color:#fff}.menu .menu-panel li{padding:1rem 2rem}.menu .menu-panel li a{font-size:17px}.menu .menu-panel li a:hover{color:#c20}.menu .menu-panel .resume a{color:coral}.menu .menu-panel{transition:transform .2s;-webkit-transition:transform .2s;-moz-transition:transform .2s;-ms-transition:transform .2s;-o-transition:transform .2s}.menu .open-menu{transform:translate(70vw);-webkit-transform:translate(70vw);-moz-transform:translate(70vw);-ms-transform:translate(70vw);-o-transform:translate(70vw)}.btn-primary{padding:10px;color:#fff;background-color:#c20;transition:background-color .3s;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-ms-transition:background-color .3s;-o-transition:background-color .3s}.btn-primary:hover{background-color:#eb2700}.btn-primary:active{background-color:#000!important}.btn-secondary{padding:10px;background-color:inherit;border:1px solid grey;transition:background-color .3s;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-ms-transition:background-color .3s;-o-transition:background-color .3s}.btn-secondary:hover{background-color:#fff}.btn-secondary:active{background-color:#000!important}.heading{margin-bottom:1rem;width:100%;overflow:hidden;font-size:1rem}.heading span{color:#c20;font-size:1.5em;font-weight:700;position:relative}.heading span:after{content:" ";width:350px;height:2px;background-color:#686868;position:absolute;top:50%;left:120%}@media (max-width:950px){.about-me-content,.contact-content,.header-content,.hero,.my-works-content{grid-column:2/-2!important;font-size:.9rem!important}}@media (max-width:850px){.about-me-content,.contact-content,.header-content,.hero,.my-works-content{font-size:.85rem!important}}@media (max-width:700px){.about-me-content,.contact-content,.header-content,.hero,.my-works-content{font-size:.75rem!important}.picture-holder{width:180px!important;height:180px!important}}@media (max-width:600px){.picture-holder{display:none!important}.about-me-content,.contact-content,.work{display:block!important}.about-left,.contact-form{width:100%!important}.contact-form,.my-work-details,.social{width:100%!important;padding-left:0!important}.work:nth-of-type(2n) .my-work-details{margin-right:0!important}.work{margin:80px 0!important}.my-work-image{display:none!important}}@media (max-width:500px){.about-me-content,.work{display:grid!important}.about-me-content,.contact-content,.my-works-content{font-size:.7rem!important;grid-column:3/-3!important}.header-content{font-size:.6rem!important}.navigation{display:none!important}.menu{display:block!important}}@media (max-width:500px){.hero{font-size:.6em!important}}.about-me,.contact,.hero,.my-works,header{grid-column:1/-1;display:grid;grid-template-columns:minmax(1rem,1fr) minmax(1rem,1100px) minmax(1rem,1fr)}.about-me-content,.contact-content,.header-content,.hero-content,.my-works-content{grid-column:2/-2}.about-me,.contact,.my-works{display:grid;grid-template-columns:minmax(1rem,1fr) repeat(10,minmax(1rem,110px)) minmax(1rem,1fr)}.hero{background-color:#f0f0f0;display:grid;place-content:center;height:90vh;max-height:800px;font-size:1rem}.hero h1{font-size:7em;font-weight:400;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.25)}.hero h1,.hero span{font-family:Arial,Helvetica,sans-serif}.hero span{color:#c20}.hero h5{text-align:center;font-size:2em;font-weight:400;text-shadow:0 4px 4px rgba(0,0,0,.25)}.about-me{padding:120px 0}.about-me .about-me-content{grid-column:3/-3;display:flex;justify-content:space-between;font-size:1rem}.about-me .about-left{width:60%}.about-me .about-left .about-me-text p{font-size:1.2em;margin-bottom:1em}.about-me .skills{display:flex;justify-content:space-between}.about-me .skills ul{width:50%}.about-me .skills ion-icon{font-size:1.2em;margin-right:8px}.about-me .skills li{padding:3px;display:flex;align-items:center;font-size:1.2em}.about-me .about-right{width:40%}.about-me .about-right .picture-holder{margin-top:4.1em;margin-left:auto;margin-right:.5em;border:4px solid #c20;height:210px;width:210px;position:relative}.about-me .about-right .picture{background-image:url(/ed.795b2e03.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;height:100%;width:100%;position:absolute;top:-20px;left:-20px}.my-works{background-color:#eee}.my-works .my-works-content{grid-column:3/-3;font-size:1rem}.my-works .my-works-content .heading{position:absolute;top:-3.3rem}.my-works .my-works-content .work{position:relative;margin:160px 0;display:flex;justify-content:space-between;align-items:center}.my-works .my-works-content .work .my-work-image{width:60%;background-position:top;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;overflow:hidden;position:relative;box-shadow:0 6px 10px -8px #000}.my-works .my-works-content .work .my-work-image .slider{display:flex;align-items:center}.my-works .my-works-content .work .my-work-image .slider-controls{width:100%;position:absolute;display:flex;justify-content:space-between;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.my-works .my-works-content .work .my-work-image .slider-controls button{background-color:hsla(0,0%,100%,.5);font-size:2em;padding:10px;font-weight:100;display:grid;place-content:center;opacity:.5}.my-works .my-works-content .work .my-work-image .slider-controls button:hover{opacity:1}.my-works .my-works-content .work .my-work-image .slider-controls button ion-icon{color:#696969}.my-works .my-works-content .work .my-work-details{width:40%;padding-left:2rem}.my-works .my-works-content .work .my-work-details .details span{font-size:1em;color:grey;margin-bottom:10px}.my-works .my-works-content .work .my-work-details .details h2{font-size:1.7em;color:#c20;margin-bottom:.85em}.my-works .my-works-content .work .my-work-details .details p{margin-bottom:1em}.my-works .my-works-content .work .my-work-details .details p:last-of-type{font-size:.95em}.my-works .my-works-content .work .my-work-details .buttons{display:flex;justify-content:space-between}.my-works .my-works-content .work .my-work-details .buttons *{font-size:1em;width:49%;text-align:center}.my-works .my-works-content .work .my-work-details .info{padding:3px;display:flex;align-items:center;margin-top:10px}.my-works .my-works-content .work .my-work-details .info ion-icon{margin-right:.63em;margin-left:-6px;font-size:2em;color:#2e8b57}.my-works .my-works-content .work .my-work-details .info p{margin-bottom:0;color:#2e8b57}.my-works .my-works-content .work:nth-of-type(2n) .my-work-details{padding-left:0;margin-right:2rem}.contact{padding:120px 0}.contact .contact-content{grid-column:3/-3;display:flex;justify-content:space-between;font-size:1rem}.contact .contact-content h2{font-size:1.6em;margin:1rem 0;color:#696969;font-size:600}.contact .contact-content .contact-form{width:60%;position:relative}.contact .contact-content .contact-form input,.contact .contact-content .contact-form textarea{font-size:1.4em;display:block;width:100%;padding:5px;margin-bottom:2em;border:none;border-bottom:2px solid #c20;resize:none;transition:border .3s;-webkit-transition:border .3s;-moz-transition:border .3s;-ms-transition:border .3s;-o-transition:border .3s}.contact .contact-content .contact-form input:focus,.contact .contact-content .contact-form textarea:focus{border-bottom:4px solid #c20}.contact .contact-content .contact-form button{width:100%}.contact .contact-content .contact-form .absolute-thankyou{font-size:1.4em;display:none;color:#c20;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);padding:1rem 1.5rem;border:1px solid #c20;background-color:#f8f8f8;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.contact .contact-content .social{margin-top:2.2em;padding-left:1rem}.contact .contact-content .social p{padding:5px 0;font-size:1.4em;color:grey}.contact .contact-content .social span{color:#c20}.contact .contact-content .social .social-contact{margin-top:2em;display:flex;justify-content:space-between;align-items:center}.contact .contact-content .social .social-contact p{font-size:1em}.contact .contact-content .social .social-contact .icons{display:flex}.contact .contact-content .social .social-contact .icons ion-icon{font-size:1.8em;color:#c20;margin:0 5px}
/*# sourceMappingURL=/main.5b3b954a.css.map */