body,html{font-family:"Open Sans",sans-serif;margin:0;padding:0;color:#19272d;color:#263f48;overflow-x:hidden;background-color:#e9edef;scroll-behavior:smooth}body{margin-bottom:100px;border-top:10px solid #263f48}*{-webkit-box-sizing:border-box;box-sizing:border-box}.btn{text-decoration:none;padding:4px 20px;border:2px solid #263f48;border-radius:1000px;margin-right:10px;margin-bottom:20px;display:table;font-weight:500;line-height:1.3em;font-size:14px;color:#263f48}header{padding-top:50px}header img{border-radius:10000px;width:200px;margin:0 auto;display:block;aspect-ratio:1/1;border:5px solid #6393a5;padding:10px}header h2{font-size:clamp(25px,5vw,5vw);text-align:center;padding:10px;text-transform:uppercase;line-height:1.1em;margin:0;margin-bottom:40px;margin-top:10px}header h2 b{color:#6393a5}header .header_content{max-width:1200px;padding-left:20px;padding-right:20px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-bottom:70px;font-size:15px;line-height:1.6em}header .header_content>*{min-width:200px}header .header_content .personal__description,header .header_content .personal__contact{-webkit-box-flex:1.2;-ms-flex:1.2;flex:1.2}header .header_content .personal__description ul,header .header_content .personal__contact ul{margin-top:0;margin-bottom:0}header .header_content .personal__description ul li,header .header_content .personal__contact ul li{margin-bottom:10px}header .header_content .personal__description ul li .fa,header .header_content .personal__contact ul li .fa{color:#6393a5}header .header_content .personal_intro{-webkit-box-flex:2;-ms-flex:2;flex:2}header .header_content .personal_intro:before{content:"Intro";display:block;color:#6393a5;font-size:14px;margin-bottom:20px;text-transform:uppercase;font-weight:500}header .header_content .personal__description:before{content:"About me";display:block;color:#6393a5;font-size:14px;margin-bottom:20px;text-transform:uppercase;font-weight:500}header .header_content .personal__contact:before{content:"Contact";display:block;color:#6393a5;font-size:14px;margin-bottom:20px;text-transform:uppercase;font-weight:500}section{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;padding-left:20px;padding-right:20px;margin-top:100px}section>div{-webkit-box-flex:1;-ms-flex:1;flex:1}@media(max-width: 1200px){section{grid-template-columns:1fr 1fr 1fr}}@media(max-width: 1000px){section{grid-template-columns:1fr 1fr}}@media(max-width: 768px){section{grid-template-columns:1fr}}.projectHeadline{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;line-height:1.1em;font-size:clamp(20px,2.5vw,40px);position:relative}.projectHeadline:before{content:"Projects in";display:block;color:#6393a5;font-size:14px;text-transform:uppercase;font-weight:500;padding-left:27px;line-height:1;margin-bottom:10px}.projectHeadline:after{content:"";display:block;height:2px;background-color:#6393a5;position:absolute;left:0;top:6px;width:20px}.project{min-width:300px;background-size:cover;background-position:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:end;align-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:30px;position:relative;color:#e9edef;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border-radius:5px;cursor:pointer;height:100%;padding-top:90px;border-radius:5px;overflow:hidden}@media(max-width: 768px){.project{aspect-ratio:initial}}.project:before{content:"";background:#19272d;background:-webkit-gradient(linear, left bottom, left top, from(rgb(25, 39, 45)), to(rgba(25, 39, 45, 0.7651654412)));background:linear-gradient(0deg, rgb(25, 39, 45) 0%, rgba(25, 39, 45, 0.7651654412) 100%);position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.project:after{content:"learn more";position:relative;border:1px solid #fff;border-radius:1000px;padding:3px 21px;font-size:small;font-weight:bold}.project:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.project:hover:before{opacity:.7}.project .project__title{position:relative;font-family:"Merriweather",serif}.project .project__title h1{margin:0}.project .project__description{position:relative;font-size:small;line-height:1.4em;margin-top:0;margin-bottom:25px;width:100%}.project .project__details{display:none}.modal{position:fixed;z-index:-9999;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:0;top:0;left:0;width:100%;height:100%;overflow:hidden}.modal.modal__open{opacity:1;z-index:99999}.modal:before{content:"";position:absolute;left:0;width:0;height:100%;width:100%;background-color:rgba(25,39,45,.9607843137)}.modal .modal__contentContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.modal .modal__contentContainer .modal__close{position:absolute;top:20px;right:20px;background-color:#19272d;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:10000px;font-weight:bold;z-index:99999;cursor:pointer;color:#e9edef}.modal .modal__contentContainer .modal_content{width:1000px;position:relative;background-color:#f7fafc;padding:27px;max-height:95%;overflow-y:auto;-webkit-box-shadow:0 0 20px 20px rgba(0,0,0,0.1098039216);box-shadow:0 0 20px 20px rgba(0,0,0,0.1098039216);border-radius:10px;max-width:97%}.modal .modal__contentContainer .modal_content .modal__headline{font-family:"Merriweather",serif;color:#19272d;font-size:35px;max-width:700px}.modal .modal__contentContainer .modal_content .project__gallery{background-color:gray;margin-bottom:30px}.modal .modal__contentContainer .modal_content .project__gallery img{height:100px}.modal .modal__contentContainer .modal_content .project__text p{line-height:1.6em;margin-top:0;margin-bottom:25px;font-size:15px}.modal .modal__contentContainer .modal_content .imgs-grid{max-width:100%;margin-bottom:30px;padding:0;border-radius:20px;overflow:hidden}.modal .modal__contentContainer .modal_content .imgs-grid img{border-radius:2px}.imgs-grid-modal{z-index:999999999 !important}.imgs-grid-modal{background-color:#19272d !important}.imgs-grid-modal .modal-inner .modal-image img{border-radius:20px;-webkit-box-shadow:0 0 20px 20px rgba(0,0,0,.1098039216);box-shadow:0 0 20px 20px rgba(0,0,0,.1098039216)}.imgs-grid .imgs-grid-image .view-all .view-all-text{position:relative;font-size:16px;font-family:sans-serif;color:#fff;border:1px solid #fff;padding:5px 20px;border-radius:100px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:inline-block}#login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:99vh}#login>div{background-color:#fff;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.0117647059);box-shadow:0 0 10px rgba(0,0,0,.0117647059)}#login>div input[type=password]{width:250px;display:block;margin:0;padding:19px;border:1px solid #dfdfdf;border-radius:10px 10px 0 0;margin-bottom:0;border-bottom:0;text-align:center}#login>div input[type=submit]{width:100%;border:0;background-color:#6393a5;padding:13px;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:0 0 10px 10px}