*{box-sizing:border-box;font-family:'Slabo 27px',serif}body,html{margin:0;padding:0}h1,h2,h3,h4{margin:0;color:purple}footer{border-top:1px solid #000}.page-content{margin:auto}.page-content .hero-section{overflow:hidden}.page-content .hero-section img{width:100%;height:auto}.page-content .resume-title,footer{position:relative}.page-content .resume-item-title{font-weight:600}.page-content footer .footer-contact-title{margin-bottom:8px}.page-content footer .footer-contact-email,.page-content footer .footer-contact-phone{font-size:15px;font-style:italic}.page-content footer .footer-credits{position:absolute;top:20px;right:0;font-size:15px;font-style:italic;text-align:center}.page-content footer .footer-credits a{font-weight:600;font-style:normal}@media all and (min-width:1024px){h1{font-size:40px}h2{margin-bottom:20px;font-size:30px}h3{font-size:20px}h4{font-size:17px}.page-content{width:900px}.page-content .hero-section{width:100%;max-height:350px}.page-content .resume-title{margin:50px 0}.page-content .resume-title::before{display:block;content:'';position:absolute;width:25px;height:25px;left:-40px;top:12px;background-color:red;border-radius:50%}.page-content .resume-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-content .resume-content-col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.page-content .resume-content-col:first-child{padding-right:10px}.page-content .resume-content-col:last-child{padding-left:10px}.page-content .resume-skills{font-size:15px;margin-top:80px}.page-content .resume-experience{margin-top:50px}.page-content .resume-experience-category:not(:first-child){margin-top:30px}.page-content .resume-item{margin-top:10px;font-size:16px}.page-content .resume-item-timeline{color:gray;font-style:italic}.page-content .resume-item-title{margin-top:5px}.page-content .resume-contact{font-size:15px;font-style:italic}.page-content .resume-description{font-size:20px}footer{padding:20px 0 60px;margin-top:30px}}@media all and (min-width:768px) and (max-width:1023px){h1{font-size:35px}h2{margin-bottom:20px;font-size:25px}h3{font-size:20px}h4{font-size:17px}.page-content{width:680px}.page-content .hero-section{width:100%;max-height:350px}.page-content .resume-title{margin:30px 0 50px}.page-content .resume-title::before{display:block;content:'';position:absolute;width:20px;height:20px;left:-28px;top:11px;background-color:red;border-radius:50%}.page-content .resume-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-content .resume-content-col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.page-content .resume-content-col:first-child{padding-right:10px}.page-content .resume-content-col:last-child{padding-left:10px}.page-content .resume-skills{margin-top:50px;font-size:15px}.page-content .resume-experience{margin-top:50px}.page-content .resume-experience-category:not(:first-child){margin-top:30px}.page-content .resume-item{margin-top:10px;font-size:16px}.page-content .resume-item-timeline{color:gray;font-style:italic}.page-content .resume-item-title{margin-top:5px}.page-content .resume-contact{font-size:15px;font-style:italic}.page-content .resume-description{font-size:20px}.page-content footer{padding:20px 0 60px;margin-top:30px}}@media all and (max-width:767px){h1,h2{font-size:25px}h2{margin-bottom:20px}h3{font-size:20px}h4{font-size:16px}.page-content .hero-section{width:100%;max-height:350px}.page-content .resume{padding:0 20px}.page-content .resume-title{margin:25px 0 35px}.page-content .resume-title::before{display:block;content:'';position:absolute;width:10px;height:10px;left:-15px;top:9px;background-color:red;border-radius:50%}.page-content .resume-content{display:block}.page-content .resume-content-col{margin-bottom:30px}.page-content .resume-skills{margin-top:40px;padding-bottom:20px;font-size:15px;border-bottom:1px solid #d3d3d3}.page-content .resume-experience{margin-top:50px}.page-content .resume-experience-category:not(:first-child){margin-top:20px}.page-content .resume-item{margin-top:10px;font-size:16px}.page-content .resume-item-timeline{color:gray;font-style:italic}.page-content .resume-item-title{margin-top:5px}.page-content .resume-contact{font-size:15px;font-style:italic}.page-content .resume-description{font-size:18px}.page-content footer{padding:20px 0 40px;margin:30px 20px 0}}