:root{--global-padding:100px 100px;--main-background-clr:#0891b2;--white-clr:#fff;--black-clr:#060b04;--gray-clr:#575655}body{background-color:var(--white-clr);color:var(--black-clr);margin:0;padding:0;font-family:Roboto,Tahoma,Verdana,sans-serif}h1,h2{font-family:Playfair Display,Times New Roman,Times,serif;font-weight:400}section p{color:var(--gray-clr)}.github-icon,.email-icon,.open-in-new-icon,.phone-icon,.linkedin-icon,.twitter-icon{width:2em;height:2em}.projects,.about-me,.footer{padding:var(--global-padding)}.project{border-top:5px solid var(--main-background-clr)}.about-me-text-container,.project,.about-me-background{box-shadow:10px 10px 10px #0003}.my-name{color:var(--white-clr);transform-origin:50%;text-align:center;width:200px;position:absolute;transform:translate(-50%)}.about-me-img-wrapper{height:250px;display:block}.about-me-img{transform-origin:50%;height:270px;position:absolute}.about-me-text-container{background-color:var(--white-clr);padding:20px 30px}.about-me-background{transform-origin:50%;background-color:var(--main-background-clr);z-index:-1;width:100%;height:700px;position:absolute;top:300px;left:0;transform:translateY(-100%)skewY(-10deg)}.about-me .icons-container{justify-content:flex-end;gap:20px;display:flex}.projects-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;display:grid}.screenshot-img{object-fit:cover;width:100%;height:auto}.project{padding-bottom:30px;transition:all .25s ease-in-out}.project:first-child h2:after{color:#e70606;content:" - new project"}.project:hover{transform:translateY(-10px);box-shadow:10px 20px 10px #0003}.footer{background-color:var(--main-background-clr);color:var(--white-clr);grid-template-columns:1fr 3fr;gap:20px;display:grid}.phone,.mail{align-items:center;gap:20px;display:flex}.footer .icons-container{gap:20px;margin-top:10px;display:flex}.footer-img{object-fit:contain;max-width:100%;height:auto}@media (width>=751px){.about-me-img{top:215px;left:200px;transform:translate(-50%,-50%)}.about-me-img-wrapper{float:left;width:210px}.my-name{top:275px;left:200px}}@media (width<=750px){:root{--global-padding:30px 30px}.about-me-img{top:50%;left:50%;transform:translate(-50%,-50%)}.about-me-img-wrapper{height:300px;position:relative}.my-name{bottom:0;left:50%}.about-me-background{display:none}.about-me-text-container{box-shadow:none}h1{text-align:center}.about-me .icons-container{justify-content:center;gap:20px;display:flex}.projects-container{grid-template-columns:1fr}.footer{flex-direction:column;gap:20px;padding:0;display:flex}footer p{text-align:center}.phone,.mail{justify-content:center}.footer .icons-container{justify-content:center;gap:20px;margin-top:10px;display:flex}.footer>div{padding:var(--global-padding)}.footer-img{object-fit:contain;max-width:100%;height:auto}}