html{scroll-behavior:smooth}body,html{font-family:-apple-system,Inter,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#1f2024;margin:0;padding:0;color:#fff;font-size:16px}a{color:inherit;text-decoration:none}.page__layout{display:flex;flex-direction:column;min-height:100vh}.page__content{flex:1 1;padding:72px 32px 32px}.container{margin:0 auto;padding:0 32px;max-width:960px}.navigation ul{list-style-type:none;display:flex;margin:0;padding:0;justify-content:center;align-items:center}*,:after,:before{box-sizing:inherit}.navigation li{padding:0 1rem;font-size:.8rem;letter-spacing:.025em;font-weight:500;color:#c2c7ca;cursor:pointer}header{background:rgba(19,19,21,.5);backdrop-filter:saturate(140%) blur(20px);-webkit-backdrop-filter:saturate(140%) blur(20px);position:fixed;z-index:100;width:100%}.logo{grid-area:logo;padding-left:32px;color:#c2c7ca;text-decoration:none;font-weight:700}.logo:hover,nav>ul>li:hover{color:#fff;cursor:pointer}button,input,textarea{padding:6px 12px;background:#1f2023 none repeat scroll 0 0;border:1px solid #3c3f44;border-radius:4px;color:#f7f8f8;transition:border .15s ease 0s;width:50%;height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-family:-apple-system,Inter,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.contact__input{margin-bottom:12px}.contact__button{box-shadow:0 1px 1px rgba(0,0,0,.25);border:1px solid #3c3f44;background:#303236 none repeat scroll 0 0;height:48px;width:50%;padding:6px 12px;color:#d7d8db;display:flex;justify-content:center;align-items:center}.contact__message{min-width:50%;min-height:32px;max-width:50%}input:focus{border-color:#6499ff;box-shadow:none}.navigation{grid-area:navigation;height:auto;padding:0 32px}.page__header{max-width:928px;padding:0}.page__title{text-align:center;font-size:52px;color:#fff;letter-spacing:.01em;padding:32px;font-weight:900}.page__title:hover{filter:brightness(105%) saturate(200%) contrast(1);background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 5s ease infinite;background-size:400% 400%}.page__detail{max-width:100%}.page__entry{max-width:928px;margin-top:0;position:relative;padding:0;--top-spacing:64px;margin-bottom:128px}.header__content{display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-rows:72px;grid-template-areas:"logo navigation";border-bottom:none;margin:0 32px}h2{margin-top:48px;margin-bottom:32px}code{display:block;white-space:pre-wrap}.entry__body{margin-left:240px}.detail__body{margin-right:240px}.entry__body img{max-width:100%;border-radius:6px;overflow:hidden;text-align:center}.entry__body p{line-height:1.5;color:#c2c7ca;letter-spacing:.02em;margin:0 0 32px;font-weight:400;font-size:20px}.entry__meta{position:sticky;top:144px;width:226px;float:left}.entry__date{display:block;margin-top:16px;color:#c2c7ca;font-size:16px}.category{color:#ff6161;background:rgba(255,97,97,.15);display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:inherit;padding:.25em 1em;border-radius:6px}.article__content__wrapper{margin-top:24px}.readmore{opacity:.6}.readmore:hover{color:#fff;cursor:pointer}.description{animation:slideInFromLeft .5s ease-out 0s 1}.preview__img:hover{transform:rotateX(10deg) rotateY(-5deg) rotate(1deg);transition:.5s}.preview__img__wrapper{position:relative;width:100%;height:250px;border-radius:6px}.preview__img{object-fit:cover;transition:.5s}.detail__preview__img{margin-bottom:32px}::-moz-selection{background:#42d5f8}::selection{background:#42d5f8}.not__found__video{width:50%}.page__center{display:flex;width:100%;justify-content:center;align-items:center}.contact__page{text-align:center}.contact__wrapper{display:flex;flex-direction:column;align-items:center}input[type=email]{text-transform:lowercase}.title__spaced{padding-right:32px!important}@keyframes slideInFromLeft{0%{transform:translateX(50%)}to{transform:translateX(0)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media only screen and (max-width:800px){.entry__meta{width:100%;float:none;top:auto;display:flex;align-items:center;margin-bottom:48px;position:block}.page__content{flex:1 1;padding:72px 24px 96px}.page__entry{--top-spacing:24px;position:relative;margin-bottom:24px;margin-top:24px;max-width:960px;padding:0}.entry__body{margin:0}.entry__date{margin:0 0 0 1rem}.header__content{display:grid;align-items:center;grid-template-columns:1fr auto;grid-template-rows:80px auto auto;grid-template-areas:"logo navigation";margin:0}.container{margin:0 auto;padding:0}.entry__body p{font-size:16px}.page__title{padding:32px 0}.post__title{position:sticky;backdrop-filter:saturate(140%) blur(20px);-webkit-backdrop-filter:saturate(140%) blur(20px);background:rgba(19,19,21,.5);top:82px;padding:10px;z-index:99;border-radius:6px}.navigation li{font-size:1rem}.contact__button,.not__found__video,button,input,textarea{width:90%}.contact__message{min-width:90%;max-width:90%}.title__spaced{padding-right:0!important}}body.light{background:#fff;color:#000}body.light header{background:hsla(0,0%,100%,.5)}body.light .logo{color:#000}.logo:hover,body.light nav>ul>li:hover{color:#000;cursor:pointer}body.light .navigation li{color:#282828}body.light .entry__body p,body.light .entry__date,body.light .page__title{color:#000}