@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap);*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background-color:#effbfa}p{margin:15px 0;line-height:1.8}a{text-decoration:none;color:#333}img{width:100%;border-radius:10px}header{padding:0 5px 5px;margin-bottom:40px;position:fixed;top:0;width:100%}.container{max-width:1280px;margin:auto;overflow:auto}.btn{display:inline-block;background-color:#317773;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;text-decoration:none;font-size:15px;font-family:inherit}.btn:focus{outline:none}.btn:hover{-webkit-transform:scale(.98);-moz-transform:scale(.98);transform:scale(.98)}.btn-back{background:#f4f4f4;color:#000;margin-bottom:20px}.posts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;margin-top:100px}.card{padding:15px;border-radius:10px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.card-page{padding:15px 30px}.post-title{margin:10px 0}.post-date{background:#f4f4f4;margin-bottom:20px;padding:3px 10px}.post-body ul,ol{font-size:110%;line-height:2.3;font-weight:700;margin:10px 0}.post-body pre{background:#f4f4f4;padding:20px;margin:20px 0;line-height:2.3}@media (max-width:500px){.posts{grid-template-columns:1fr}}@media screen and (max-width:52em){body{background-color:#fff}.container{padding:0 20px}}.logo{width:180px;cursor:pointer}.home-container{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-top:20%}.line{width:100%;background-color:#ccdedd;height:2px;margin:10px 0 20px}.home-container .cards{display:-moz-box;display:flex;width:100%;grid-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;flex-wrap:wrap}.home-container .cards .hcard{margin:10px 0;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-flex:3;flex:3 1;min-height:200px;border-left:2px solid #317773;-webkit-box-shadow:0 6px 10px rgba(0,0,0,.2);box-shadow:0 6px 10px rgba(0,0,0,.2);padding:20px;cursor:pointer}.home-container .cards .about-card{background-color:rgb(49,119,115,5%)}.home-container .cards .writings-card{background-color:rgb(49,119,115,8%)}.home-container .cards .contact-card{background-color:rgb(49,119,115,12%)}.home-container .cards .hcard .top-line{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.home-container .cards .hcard .middle-line{padding:10px 0;color:#317773;font-size:16px}.home-container .cards .hcard .hcard-img{height:36px!important;width:unset;margin-right:10px}.home-container .cards .hcard .arrow-img{width:28px;height:28px;margin-left:20px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg)}.home-container .cards .hcard span{font-size:24px}.footer{max-width:1280px;width:100%;position:absolute;bottom:0}.about-footer{margin:20px 0}.f-container{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;color:rgb(30,30,30,40%);max-width:1280px;height:40px;position:relative}.f-container .line{background-color:#d6cfcf;height:2px;width:97%}.f-container .cr{position:absolute;display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;width:100%;padding-bottom:10px}.f-container .cr .cr-block{background-color:#effbfa}.f-container .cr .first{padding-right:10px}.f-container .cr .last{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;padding-left:10px;background-color:transparent;-moz-box-align:center;align-items:center;width:150px}.f-container .cr .last img{width:30px;height:30px;background-color:#effbfa;padding:0 5px;cursor:pointer}@media screen and (max-width:52em){.logo{width:150px}.home-container{margin-top:15%}.home-container .cards .hcard{padding:10px 20px;min-height:auto}.home-container .cards .hcard .hcard-img{height:24px!important;width:unset;margin-right:10px}.home-container .cards .hcard .middle-line{padding:5px 0;font-size:14px}.home-container .cards .hcard span{font-size:16px}.home-container .cards .hcard .arrow-img{width:16px}.home-card-text{font-size:12px}.line{margin:unset}.f-container .cr .cr-block{background-color:#fff;font-size:10px;display:-moz-box;display:flex;-moz-box-align:center;align-items:center}}.header-container{display:-moz-box;display:flex;-moz-box-align:baseline;align-items:baseline;-moz-box-pack:justify;justify-content:space-between;background-color:#effbfa;padding-top:16px}.header-container .menu-items{display:-moz-box;display:flex;grid-column-gap:25px;-webkit-column-gap:25px;-moz-column-gap:25px;column-gap:25px}.header-line{margin:auto}.about-container{padding-top:100px}.about-container .row-one{width:50%;margin-bottom:20px}.about-container .row-two{display:-moz-box;display:flex}.about-container .row-two ul{margin-left:20px}.about-container .row-two .text{margin:0 20px}.about-container .row-two .text .technologies{color:#317773;font-size:20px;margin:10px 0}.about-container .title{font-size:24px}@media screen and (max-width:52em){.header-container{background-color:#fff}.about-container .row-one{width:100%}.about-container .row-two{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.about-footer .f-container{width:100%;margin:20px 0}.f-container{width:95%}.f-container .cr{padding-bottom:0;width:95%}.f-container .cr .last{width:100px}.f-container .cr .last img{background-color:#fff;width:24px}.footer{margin:20px 0}}.mobile-menu-icon{width:34px;display:none}@media screen and (max-width:500px){.header-container .menu-items{display:none}.mobile-menu-icon{display:block}.d2{width:100%!important}}.mobile-container{background-color:#317773;position:absolute;width:100vw;height:100vh;margin-left:-5px;margin-top:-75px;padding:20px}.mobile-container .header-row{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:justify;justify-content:space-between}.mobile-container .header-row .cross{width:40px}.mobile-container .white-line{height:1px;background-color:#fff;margin-left:-20px}.mobile-container .m-menu{font-size:20px;margin-top:40px;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-row-gap:70px;row-gap:70px;margin-left:10px}.mobile-container .m-menu span{color:#ccdedd}.designs{display:-moz-box;display:flex;flex-wrap:wrap;grid-column-gap:30px;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;grid-row-gap:30px;row-gap:30px}.designs img{width:35%}