:root{--bg-color: #f2f2f2;--bg-color-l1: #e5e5e5;--bg-color-l2: #eee;--bg-pg: #fff;--color: #282828;--color-l1: #6e6e6e;--color-form-label: #666;--l1-shadow-color: rgb(0 0 0 / 2%);--light-bulb-color: #e0c769;--paragraph-link-color: #827717}.dark{--bg-color: #121212;--bg-color-l1: #222222;--bg-color-l2: #3a3a3a;--bg-pg: #000;--color: #ffffff;--color-l1: #a8a8a8;--color-form-label: rgb(202, 202, 202);--l1-shadow-color: rgb(60 60 60 / 22%);--light-bulb-color: #4f4f4f;--paragraph-link-color: #827717}@font-face{font-family:Gandom;src:url(/fonts/Gandom-FD.eot);src:url(/fonts/Gandom-FD.eot?#iefix) format("embedded-opentype"),url(/fonts/Gandom-FD.woff2) format("woff2"),url(/fonts/Gandom-FD.woff) format("woff"),url(/fonts/Gandom-FD.ttf) format("truetype");font-weight:400;font-display:swap}*,*:after,*:before{margin:0;padding:0;box-sizing:inherit;font-family:inherit;direction:rtl}html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 75em){html{font-size:59%}}@media only screen and (max-width: 56.25em){html{font-size:56%}}@media only screen and (min-width: 112.5em){html{font-size:65%}}body{background-color:var(--bg-color);box-sizing:border-box;color:var(--color);font-family:Gandom,sans-serif;font-size:1.5rem;line-height:2.5;overflow-x:hidden;overflow-y:scroll;position:relative}a{text-decoration:none;color:inherit}li{list-style:none}input:focus,button:focus,a:focus,textarea:focus{outline:none}button{border:none;cursor:pointer}textarea{resize:none}main{display:grid;padding:10rem 1rem 1rem;min-height:calc(100vh - 20rem);position:relative}p{text-indent:3rem}p a{color:var(--paragraph-link-color);padding-bottom:3px;border-bottom:1px solid var(--paragraph-link-color)}.container{max-width:120rem;margin:auto;width:92%}.pa-1{padding:1rem}.pa-2{padding:2rem}.ph-2{padding-left:2rem;padding-right:2rem}@media only screen and (max-width: 37.5em){.ph-ph-0{padding-left:0;padding-right:0}}.d-none{display:none}.about{padding:1rem 0;display:grid;grid-template-columns:1fr 1fr;max-width:80%}.about__img{vertical-align:middle;justify-self:end}.about__img-me{border-radius:50px}.about__content{padding-top:5rem}@media only screen and (max-width: 75em){.about__content{padding-top:3rem}}@media only screen and (max-width: 56.25em){.about{text-align:center;padding:1rem 0;grid-template-columns:1fr;max-width:100%}.about__content{padding-top:0}.about__img{justify-self:center}}@media only screen and (max-width: 37.5em){.about__img-me{width:100%}}.contact__wrapper{display:grid;grid-template-columns:1fr 1fr}.contact__head{justify-self:end}@media only screen and (max-width: 56.25em){.contact__wrapper{text-align:center;grid-template-columns:1fr;max-width:100%}.contact__head{justify-self:center}.contact__content{padding-top:0}}@media only screen and (max-width: 37.5em){.contact__head{width:100%}}.contact__form-container{background:var(--bg-pg);padding:1rem 2rem 2rem;margin-bottom:4rem;border-radius:15px}@media only screen and (max-width: 75em){.contact__form-container{margin-top:3rem;padding:3rem}}.contact__form-field{margin-bottom:4rem}@media only screen and (max-width: 37.5em){.contact__form-field{margin-bottom:3rem}}.contact__form-label{color:var(--color-form-label);letter-spacing:1px;font-weight:700;margin-bottom:1rem;display:block}.contact__form-input{color:#333;padding:2rem;width:100%;border:1px solid rgb(235,235,235);letter-spacing:0px;border-radius:5px;background:#f0f0f0}.contact__form-input::placeholder{color:#999;font-weight:600}.contact__form-input::-webkit-input-placeholder{color:#999;font-weight:600}.contact__form-input:-ms-input-placeholder{color:#999;font-weight:600}.contact__form-input::-ms-input-placeholder{color:#999;font-weight:600}.contact__form-input:-moz-placeholder{opacity:1;color:#999}.contact__form-input::-moz-placeholder{opacity:1;color:#999}.contact__btn{width:30%;border-radius:5px;padding:1.5rem;font-size:1.6rem}@media only screen and (max-width: 75em){.contact__btn{width:100%}}.header{background:var(--bg-color);position:fixed;width:100%;z-index:1000}.header__content{align-items:center;display:flex;justify-content:center}@media only screen and (max-width: 56.25em){.header__content{padding:0 2rem}}@media only screen and (max-width: 37.5em){.header__content{justify-content:space-between}}.header__main-ham-menu-cont{display:none;width:4rem;padding:.8rem 0;cursor:pointer}@media only screen and (max-width: 37.5em){.header__main-ham-menu-cont{display:block}}.header__main-ham-menu,.header__main-ham-menu-close{width:100%}.header__light-bulb{left:5em;top:2em}.header__light-bulb-icon{background-color:var(--light-bulb-color);display:inline-block;height:4rem;mask:url(/icons/light-bulb.svg) no-repeat center/contain;-webkit-mask:url(/icons/light-bulb.svg) no-repeat center/contain;vertical-align:middle;width:4rem;cursor:pointer;transition:opacity .3s;transform:rotate(180deg)}.header__light-bulb-icon:hover{opacity:.6}@media only screen and (max-width: 37.5em){.header__light-bulb{top:1em;position:absolute;width:4rem;height:4rem;flex:0 1 auto;left:50%;transform:translate(-50%)}}.header__nav-list{display:flex}.header__nav-li a{padding:1.8rem 3rem;display:inline-block;font-size:1.6rem;color:var(--color-l1);text-transform:uppercase;font-weight:600;transition:color .3s}.header__nav-li a:hover{color:var(--color)}.header__nav-sm{background-color:var(--bg-color);position:absolute;width:100%;top:100%;right:0;visibility:hidden;opacity:0;transition:all .3s;box-shadow:0 5px 5px 0 var(--l1-shadow-color);-webkit-box-shadow:0px 5px 5px 0px var(--l1-shadow-color);-moz-box-shadow:0px 5px 5px 0px var(--l1-shadow-color)}.header__nav-sm--active{visibility:hidden;opacity:0}@media only screen and (max-width: 37.5em){.header__nav-sm--active{visibility:visible;opacity:1}}.header__nav-sm-li a{display:block;text-decoration:none;padding:2.5rem 3rem;font-size:1.6rem;color:var(--color-l1);text-align:right;border-bottom:1px solid var(--bg-color-l1);font-weight:700;text-transform:uppercase;transition:color .3s}.header__nav-sm-li a:hover{color:var(--color-l1)}.header__nav-sm-li a:first-child{border-top:1px solid var(--bg-color-l1)}@media only screen and (max-width: 56.25em){.header__nav-link{padding:3rem 1.8rem;font-size:1.5rem}}@media only screen and (max-width: 37.5em){.header__nav-list{display:none}}.main-footer__upper{display:flex;justify-content:center}.main-footer__icon{filter:invert(65%);margin-right:1rem}.main-footer__lower{direction:ltr;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:1rem 0;font-size:1.2rem;text-align:left;text-align:center}.main-footer__lower a{font-weight:700;margin-left:4px}@media only screen and (max-width: 56.25em){.main-footer__lower{padding:1rem 0}}.dark .main-footer__icon{filter:invert(0)}
