body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth;scroll-padding-top:9em}html{min-width:100vw}body{margin:0 auto}a{color:#000;text-decoration:none}*{box-sizing:border-box}.navbar{background-color:#fff;position:fixed;top:0;min-width:100%}.navbar-list{list-style-type:none;margin:1em 10vw;padding:0;overflow:hidden}.nav-left{float:left;transition:.5s}.nav-right{float:right;transition:.5s}.nav-left:hover,.nav-right:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.nav-left a,.nav-right a{display:block;text-align:center;padding:14px 16px;text-decoration:none}.main-block,.post-block{display:block;align-items:center;margin:9em 15vw 13em}.about-section{display:flex}.about-section img{max-width:auto;height:100%;border-radius:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.5s}.about-section img:hover{border-radius:50%;box-shadow:0 8px 16px 0 rgba(0,0,0,.3)}.about-description{margin-right:13vw}.about-image-left{display:none}.social-list{list-style-type:none;padding:0;margin-top:1vh}.social-icon{display:inline;padding-left:.5em;padding-right:.5em}.icon{height:36px;width:36px;border-radius:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.5s}.icon:hover{border-radius:50%;box-shadow:0 8px 16px 0 rgba(0,0,0,.3)}.project-container{display:grid;grid-auto-flow:column;overflow-x:scroll;background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,rgba(0,0,0,.05),hsla(0,0%,100%,0)),linear-gradient(270deg,rgba(0,0,0,.05),hsla(0,0%,100%,0));background-position:0,100%,0,100%;background-repeat:no-repeat;background-color:#fff;background-size:10px 100%,10px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}.blog-card,.project-card{margin:20px 5px;padding:20px;text-align:center;transition:.5s;cursor:pointer}.blog-card:hover,.project-card:hover{border-radius:5%;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.project-image{height:350px;width:auto}.project-modal-content .project-image{max-height:350px;max-width:100%;width:auto;height:auto}.project-modal-image-wrapper{text-align:center}.project-close-wrapper{text-align:right}.project-close-icon{height:20px;width:20px;cursor:pointer}.project-modal,.project-modal-background{width:100vw;height:100vh;padding:0;margin:0;top:0;left:0;right:0;bottom:0;position:fixed}body.active-project-modal{overflow-y:hidden}.project-modal-background{height:100%;width:100%;background:rgba(49,49,49,.8)}.project-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1.4;background:#f1f1f1;padding:28px;border-radius:5%;min-width:35vw}.project-close{padding:5px 7px}.posts-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;margin-top:30px}.blog-image{border-radius:5%;height:auto;width:400px}.post-block{text-align:left}.post-img-container{text-align:center}.post-content img,.post-img{border-radius:5%;height:auto;max-width:70vw}.post-title{text-align:left}.post-content img{display:block;margin-left:auto;margin-right:auto}.post-content pre{text-align:justify;background:#f4f4f4;padding:20px;margin:20px 0;line-height:2.3}@media only screen and (max-width:1200px){.project-modal-content{min-width:85vw}.posts-container{grid-template-columns:1fr}}@media only screen and (max-width:850px){.main-block .about-section{display:inline}.about-image-left{display:inline;margin:2.5vh}.about-image-left-wrapper{text-align:center}.about-image-right{display:none}.social-list{margin-top:3.5vh}.about-description{margin-right:0}}@media only screen and (max-width:600px){.blog-image{width:250px}.project-image{height:250px;width:auto}.project-modal-content .project-image{max-height:200px;max-width:100%;width:auto;height:auto}}@media only screen and (max-width:420px){.about-image-left{width:150px;height:150px}.blog-image{width:170px}.project-image{height:170px;width:auto}}