.about{border-left:var(--border-main);border-right:var(--border-main);background:var(--nb-lila);scroll-margin-top:calc(var(--sm-block) * 2);color:var(--black)}.about-logo{width:275px;height:var(--sm-block);display:flex;align-items:center;justify-content:center;border-right:var(--border-main);background:var(--nb-orange)}.about-content{display:flex;border-top:var(--border-main);background:var(--white-body)}.about-content .about-content__left{flex:1 0 275px;display:flex;align-items:center;flex-direction:column;gap:50px;padding:30px;border-right:2px dashed black}.about-content .about-content__left img{width:50px}.about-content .about-content__left .about-short{border:var(--border-btn);box-shadow:var(--shadow-square);padding:20px;background:var(--nb-orange)}.about-content .about-content__left .about-short h3{font-size:1.8rem;font-weight:400;font-family:var(--font-secondary);margin-bottom:20px;line-height:.8}.about-content .about-content__left .about-short h3 span,.about-content .about-content__left .about-short p{font-size:1rem}.about-content__right{width:100%;padding:50px;display:flex;flex-direction:column;gap:30px;position:relative}.about-text{display:flex;flex-direction:column;gap:25px}.about-text p{font-size:1.3rem;line-height:1.7}.about-btn{display:flex;justify-content:center;align-items:center;gap:20px}.about-btn .about-icons{font-size:1.8rem;border:var(--border-btn);width:50px;height:50px;padding:.4rem;display:flex;justify-content:center;align-items:center;background:var(--nb-yellow);box-shadow:var(--shadow-square);transition:all .3s ease-in}.about-btn .about-icons:hover{box-shadow:none}.berlin-text h3{font-size:1.3rem;font-weight:400;font-family:var(--font-secondary);text-align:center}.rulo{width:80px;position:absolute;bottom:50px;right:50px}@media only screen and (max-width: 640px){.about-logo{width:100%;border-right:0}.about-content{flex-direction:column}.about-content .about-content__left{flex:1 0 100%;border-right:none}}.blog{border-left:var(--border-main);border-right:var(--border-main);border-bottom:var(--border-main);background:var(--nb-blue);scroll-margin-top:calc(var(--sm-block) * 2);color:var(--black)}.blog-logo{width:275px;height:var(--sm-block);display:flex;align-items:center;justify-content:center;border-right:var(--border-main);background:var(--nb-pink)}.blog-logo h2{font-family:var(--font-secondary);font-size:3rem;font-weight:400}.blog-content{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;padding:50px 20px;border-top:var(--border-main);background:var(--white-body)}.blog-card{width:min(100%,380px);display:flex;flex-direction:column;gap:18px;padding:25px;border:var(--border-btn);box-shadow:var(--shadow-square);color:var(--black)}.blog-card--dev{background:var(--nb-yellow)}.blog-card--literary{background:var(--nb-lila)}.blog-card__icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--white-body);font-size:1.8rem}.blog-card__eyebrow{width:fit-content;padding:.1rem .6rem;border:2px solid var(--black);background:var(--nb-green);font-family:var(--font-secondary);font-size:1.2rem;letter-spacing:.03em}.blog-card h3{font-family:var(--font-secondary);font-size:2.5rem;line-height:.9}.blog-card p{font-size:1.1rem;line-height:1.5}.blog-card__action{min-height:48px;margin-top:auto;padding:.7rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--black);color:var(--white-body);font-family:var(--font-secondary);font-size:1.4rem;cursor:pointer;transition:all .3s ease-in}.blog-card__action:hover{box-shadow:none;transform:translate(4px,4px)}.blog-card__action:disabled{opacity:.65;cursor:not-allowed}.blog-card__action:disabled:hover{box-shadow:var(--shadow-square);transform:none}@media only screen and (max-width: 640px){.blog-logo{width:100%;border-right:0}.blog-card h3{font-size:2.2rem}}.study-container{border:var(--border-main);background:#fff;background:var(--nb-green);padding:50px 30px;color:var(--black)}.study-container h2{text-align:center;font-size:3rem;font-family:var(--font-secondary);margin-bottom:50px}.study-container .study-cards-wrapper{display:flex;justify-content:center;flex-wrap:wrap;row-gap:50px;column-gap:30px;margin-bottom:50px}.study-container .study-cards-wrapper .study-block{width:300px;background:var(--nb-orange);border:var(--border-btn);box-shadow:var(--shadow-square);padding:20px}.study-container .study-cards-wrapper .study-block h3{text-align:center;font-size:2rem;font-family:var(--font-secondary);margin-bottom:20px}.study-container .study-cards-wrapper .study-block p{font-size:1rem}.study-container .study-cards-wrapper img{rotate:-90deg}.study-container .study-achievment{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:30px 0 0}.study-container .study-achievment h3{text-align:center;font-size:2.5rem;font-family:var(--font-secondary)}.study-container .study-achievment ul{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.study-container .study-achievment ul li{font-size:1rem;max-width:400px;background:var(--nb-lila);border:var(--border-btn);box-shadow:var(--shadow-square);padding:20px}@media only screen and (max-width: 860px){.study-container{flex-direction:column;align-items:center}.study-container .study-cards-wrapper .study-block{width:100%}.study-container .study-cards-wrapper img{rotate:0deg}}.nav-top{display:flex;justify-content:space-between;align-items:center;height:var(--sm-block);background:var(--nb-blue);padding:var(--gral-padding);border:var(--border-main)}.nav-top__x{transition:all .3s;cursor:crosshair}.nav-top__x:hover{transform:scale(1.2)}.nav-top__list{position:relative;display:flex;align-items:center;gap:20px}.nav-top__list a{font-size:1.7rem;font-weight:600;text-decoration:underline 2px;text-underline-offset:4px;color:var(--black)}.nav-top__list a:hover{opacity:.8;text-decoration:underline 3px var(--nb-yellow)}.nav-top__curvyArrow{position:absolute;top:-20px;left:-40px;transition:all .5s}.nav-about:hover~.nav-top__curvyArrow{left:85px}.nav-blog:hover~.nav-top__curvyArrow{left:165px}.nav-bottom{display:flex;justify-content:space-between;align-items:center;background:var(--nb-orange);height:var(--sm-block);border-left:var(--border-main);border-right:var(--border-main);border-bottom:var(--border-main)}.nav-bottom__logo{width:275px;height:100%;display:flex;align-items:center;justify-content:center;border-right:var(--border-main);background:var(--nb-yellow);position:relative}.nav-bottom__logo h2{width:100%;text-align:center;font-size:2rem;color:var(--black)}.nav-bottom__logo img.logo__underline{position:absolute;bottom:10px;left:120px}.nav-bottom__social{display:flex;align-items:center;justify-content:center;height:100%;border-left:var(--border-main)}.social{height:100%;width:100%;color:var(--black);background:var(--nb-yellow);font-size:1.9rem;display:flex;align-items:center;justify-content:center}.social a{width:50px;height:50px;margin:0 20px;background:#fff;text-decoration:none;color:var(--black);border:var(--border-btn);box-shadow:var(--shadow-square);display:flex;align-items:center;justify-content:center;transition:all .3s ease-in}.social a:hover{box-shadow:none}.social--linkedin{border-left:var(--border-main);border-right:var(--border-main)}@media only screen and (max-width: 640px){.nav-bottom{height:var(--xs-block)}.nav-bottom__logo{width:100%;border-right:var(--nb-yellow)}.nav-bottom__logo h2{font-size:1.5rem}.logo__underline{display:none}.social a{width:40px;height:40px;margin:0 10px}.social a .social-icon{padding:.2rem}}.site-header{position:sticky;top:0;z-index:999}@media only screen and (max-width: 640px){.nav-top{padding:0 20px}}.hero-btn{grid-column:1 / 3;grid-row:3 / 4;border-top:var(--border-main);padding:var(--gral-padding);display:flex;align-items:center;gap:40px;position:relative;background:var(--nb-orange)}.hero-btn a{font-size:1.5rem;font-weight:600;padding:10px 20px;background:var(--nb-yellow);border:var(--border-btn);box-shadow:var(--shadow-square);transition:all .3s ease-in;rotate:-5deg}.hero-arrow-1{order:1;cursor:crosshair;transition:all .3s ease-in}.btn-projects{order:2}.hero-btn a:hover{box-shadow:none;background:var(--nb-lila)}.hero-btn .btn-curriculum:hover~.hero-arrow-1{rotate:90deg}.hero-btn .btn-projects:hover~.hero-arrow-1{rotate:-90deg}.hero-circle{position:absolute;top:-40px;right:-38px;z-index:100;cursor:crosshair;animation:discover 2s cubic-bezier(.76,-.65,.03,1.78)}@media only screen and (max-width: 992px){.hero-btn{grid-column:1 / 4;justify-content:center}.hero-circle{display:none}}@media only screen and (max-width: 640px){.hero-btn{flex-direction:column;grid-column:1 / 3;gap:20px;align-items:flex-start}.hero-arrow-1{display:none}.hero-btn a{font-size:1rem}.hero-circle{display:block}}.hero-img{grid-column:3 / 4;grid-row:1 / 4;border-left:var(--border-main);position:relative}.hero-img .profile-img{width:100%;height:100%;object-fit:cover}.img-waves{position:absolute;bottom:20px;right:20px;cursor:crosshair;animation:discover 2s ease-in-out}@media only screen and (max-width: 992px){.hero-img{grid-column:3 / 4;grid-row:1 / 3}}@media only screen and (max-width: 640px){.hero-img{grid-column:3 / 4;grid-row:3 / 4}.img-waves{display:none}}.hero-text{grid-column:1 / 3;grid-row:1 / 3;display:grid;align-content:center;padding:var(--gral-padding);position:relative;background:var(--nb-green)}.hero-frontend,.hero-designer{position:relative}.hero-frontend h1{font-family:var(--font-secondary);font-size:7rem;color:var(--black);line-height:.9}.h1-decoration,.hero-main-draw,.hero-stars{position:absolute}.h1-decoration{top:-25px;left:390px;cursor:crosshair;animation:discover 2s ease-in-out}.hero-main-draw{right:50px;top:20px;cursor:crosshair;animation:discover 2s ease-in-out;transition:all .3s ease-in}.hero-main-draw:hover{transform:scale(1.3)}.hero-designer p{font-size:3rem;font-weight:800;color:var(--black)}.hero-stars{bottom:-25px;left:70px;cursor:crosshair;animation:discover 2s ease-in-out}@keyframes discover{0%{transform:translate(-1000px)}to{transform:translate(0)}}@media only screen and (max-width: 992px){.hero-main-draw{display:none}}@media only screen and (max-width: 768px){.hero-frontend h1{font-size:5rem}.h1-decoration{top:-15px;left:240px}.hero-designer p{font-size:2rem}}@media only screen and (max-width: 640px){.hero-text{grid-column:1/4}.hero-main-draw{display:block;right:0;width:100px}}@media only screen and (max-width: 480px){.hero-main-draw{display:none}}.hero{height:calc(100vh - 170px);border-bottom:var(--border-main);border-left:var(--border-main);border-right:var(--border-main);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);background:#fff}@media only screen and (min-width: 1560px){.hero{height:calc(100vh - 425px)}}@media only screen and (max-width: 992px){.hero{height:calc(100vh - 255px)}}@media only screen and (max-width: 480px){.hero{height:calc(100vh - 153px)}}.card-article{flex-grow:1;display:flex;justify-content:center;align-items:center;font-family:var(--font-secondary)}.card-container{background:var(--nb-pink);box-shadow:var(--shadow-square);width:355px;padding:30px;border:var(--border-btn);border-radius:8px;display:flex;flex-direction:column;justify-content:center}.line-1{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.line-1 .fa-angle-down,.line-1 .ellipsis-vertical{width:30px;height:30px;padding:.2rem;border:var(--border-btn);box-shadow:var(--shadow-square);display:flex;justify-content:center;align-items:center;cursor:crosshair}.line-1 .fa-angle-down{background-color:var(--nb-green)}.line-1 .ellipsis-vertical{background-color:var(--nb-yellow)}.line-1 h3{font-size:1.4rem;font-weight:200}.line-2{margin-bottom:15px}.line-2 .card-img{width:100%;height:165px;border:var(--border-btn);box-shadow:4px 4px 0 var(--black);transition:all .3s ease-in;overflow:hidden}.line-2 .card-img:hover{box-shadow:none}.line-2 .card-img:hover img{transform:scale(1.1)}.line-2 .card-img img{display:block;height:100%;width:100%;object-fit:cover;aspect-ratio:16/9;transition:all .3s ease-in}.line-3{display:flex;justify-content:space-between;flex-direction:column;margin-bottom:20px}.line-3 .line-3-title{position:relative}.line-3 .line-3-title .line-3-title-draw{position:absolute;width:15px;top:-5px;right:0}.line-3 .progress-div{height:4px;background:#33333338;z-index:1;position:relative;margin-bottom:5px}.line-3 .progress-div span{display:block;height:100%;background:var(--black);overflow:hidden}.line-3 .progress-div span:after{content:"";position:absolute;top:-3px;width:8px;height:8px;background:var(--nb-orange);border:1px solid var(--black);box-shadow:1px 1px 0 var(--black);cursor:grab}.line-3 .progress-div .span-1:after{left:25%}.line-3 .progress-div .span-2:after{left:46%}.line-3 .progress-div .span-3:after{left:35%}.line-3 .progress-div .span-4:after{left:60%}.line-3 .progress-div .span-5:after{left:15%}.line-3 .time{display:flex;justify-content:space-between}.line-4{display:flex;justify-content:space-between;align-items:center;gap:20px}.line-4 .line-4-icons{width:30px;height:30px;padding:.2rem;border:var(--border-btn);display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-square)}.line-4 .line-4-heart,.line-4 .line-4-shuffle{background:var(--nb-blue);cursor:grab}.line-4 .line-4-back,.line-4 .line-4-forward{width:35px;height:35px;background:var(--nb-green);cursor:cell}.line-4 .line-4-play{width:40px;height:40px;padding:.3rem;transition:all .3s ease-in;background:var(--nb-yellow)}.line-4 .line-4-play:hover{transform:scale(1.1);rotate:-10deg}.projects{border-left:var(--border-main);border-right:var(--border-main);border-bottom:var(--border-main);background:#fff;scroll-margin-top:calc(var(--sm-block) * 2);background:var(--nb-green)}.projects-logo{width:275px;height:var(--sm-block);display:flex;align-items:center;justify-content:center;border-right:var(--border-main);background:var(--nb-blue);color:var(--black)}.projects-cards{display:flex;justify-content:center;flex-wrap:wrap;border-top:var(--border-main);background:var(--white-body);color:var(--black);padding:50px 20px;row-gap:50px;column-gap:20px}.projects-release{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:50px;padding:30px 10px 0;color:var(--black);background:var(--nb-yellow);border-top:var(--border-main)}.projects-release h2{text-align:center;font-size:3rem;font-family:var(--font-secondary)}.projects-release .release-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;font-family:var(--font-secondary);margin-bottom:3rem}.starter-kits{display:flex;flex-direction:column;background:var(--white-body);justify-content:center;align-items:center;padding:30px 10px 0;color:var(--black);border-top:var(--border-main)}.starter-kits h2{text-align:center;font-size:3rem;font-family:var(--font-secondary)}.starter-kits p{text-align:center;font-size:1.3rem;width:70%;margin-bottom:50px}.starter-kits .starter-kits-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;font-family:var(--font-secondary);margin-bottom:2rem}.more-projects{display:flex;justify-content:center;align-items:center;gap:20px;padding:50px;background:var(--white-body);color:var(--black);font-family:var(--font-secondary);font-size:1.5rem}.more-projects a{display:flex;align-items:center;gap:10px;padding:.5rem 1rem;border:2px solid var(--white-body);background:var(--black);color:var(--white-body);transition:all .3s ease-in}.more-projects a:hover{box-shadow:none;text-decoration:underline}.more-projects a:hover .more-projects-icon{transform:translate(10px)}.more-projects a .more-projects-icon{width:50px;height:50px;transition:all .3s ease-in}@media only screen and (max-width: 640px){.projects-logo{width:100%;border-right:0}.starter-kits p{width:90%;font-size:1rem}}.realease-article{display:flex;flex-direction:column;gap:20px}.realease-article .release-card__title{display:flex;align-items:center;gap:10px;position:relative}.realease-article .release-card__title .release-card__title-img{width:40px;height:40px;padding:3px;box-shadow:var(--shadow-square);transition:all .3s ease-in;cursor:crosshair;z-index:1;background:var(--black)}.realease-article .release-card__title .release-card__title-img:hover{box-shadow:none}.realease-article .release-card__title .release-card__title-img:hover~.release-star{rotate:360deg;scale:1.5}.realease-article .release-card__title .release-card__title-img img{width:100%}.realease-article .release-card__title h3{font-size:1.8rem}.realease-article .release-card__title .release-star{position:absolute;left:-10px;top:-10px;transition:all .3s ease-in}.realease-article .release-card__title .realease-title-curly{rotate:45deg}.realease-article .release-card__title .release-play{width:30px;height:30px;padding:.2rem;display:flex;justify-content:center;align-items:center;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--nb-blue);margin-left:auto;transition:all .3s ease-in}.realease-article .release-card__content{display:flex;width:330px;height:135px;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--nb-yellow);transition:all .3s ease-in}.realease-article .release-card__content:hover{box-shadow:none}.realease-article .release-card__content .release-card__content-img{width:130px;height:100%;border-right:3px dashed var(--black);background:#fff}.realease-article .release-card__content .release-card__content-img img{width:100%;height:100%;object-fit:cover}.realease-article .release-card__content .release-card__content-right{display:flex;flex-direction:column;width:calc(100% - 130px);padding:10px}.realease-article .release-card__content .release-card__content-right h3{font-size:1.3rem;line-height:1}.realease-article .release-card__content .release-card__content-right p{font-size:1rem;line-height:1;margin-top:6px;font-family:var(--font-primary)}.starter-article{border:var(--border-btn);box-shadow:var(--shadow-square);transition:all .3s ease-in;cursor:pointer;position:relative;z-index:11}.starter-article:hover{box-shadow:none}.starter-article .starter-img{overflow:hidden;width:300px;aspect-ratio:16/9}.starter-article .starter-img img{width:100%;height:100%;display:block;object-fit:cover;transition:all .3s ease-in}.starter-article .starter-img img:hover{transform:scale(1.1)}.starter-article:before{content:"";position:absolute;top:-10px;left:6px;width:100%;height:100%;background:var(--black);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,50% 0);z-index:-1;transition:all .3s ease-in}.starter-article:hover:before{left:2px}.small-container{padding:50px 20px;background:var(--white-body);color:var(--black);border-left:var(--border-main);border-right:var(--border-main);border-bottom:var(--border-main)}.small-container h2{text-align:center;font-size:3rem;font-family:var(--font-secondary);line-height:1.1;margin-bottom:50px}.small-container .small-card-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.small-container .small-card-wrapper .small-article{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--nb-yellow);border:var(--border-main);color:var(--black);font-size:1.5rem;text-align:center;box-shadow:var(--shadow-square);transition:all .3s ease-in;overflow:hidden}.small-container .small-card-wrapper .small-article:hover{box-shadow:none}.small-container .small-card-wrapper .small-article img{width:240px;height:300px;display:block;object-fit:cover;object-position:top;transition:all .3s ease-in}.small-container .small-card-wrapper .small-article img:hover{object-position:bottom}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.development-notes{position:relative;z-index:0;isolation:isolate;border-left:var(--border-main);border-right:var(--border-main);border-bottom:var(--border-main);background:#111;color:var(--white-body);scroll-margin-top:calc(var(--sm-block) * 2)}.development-notes__header{display:flex;justify-content:space-between;gap:30px;padding:45px 50px;border-bottom:var(--border-main)}.development-notes__header h2{max-width:720px;font-family:var(--font-secondary);font-size:clamp(3rem,8vw,6.5rem);font-weight:400;line-height:.9;color:var(--nb-yellow);text-shadow:4px 4px 0 var(--black)}.development-notes__header p:not(.development-notes__eyebrow){max-width:680px;margin-top:18px;font-size:1.2rem;line-height:1.5}.development-notes__eyebrow{width:fit-content;display:inline-flex;align-items:center;gap:10px;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--nb-green);color:var(--black);font-family:var(--font-secondary);font-size:1.35rem;letter-spacing:.03em}.development-notes__eyebrow{padding:.25rem .75rem;margin-bottom:20px}.development-notes__tools{display:grid;grid-template-columns:minmax(260px,430px) 1fr;align-items:start;gap:24px;padding:28px 50px 34px;border-bottom:var(--border-main);background:var(--nb-blue);color:var(--black)}.development-notes__search-block,.development-notes__tag-block{display:flex;flex-direction:column;gap:12px;min-width:0}.development-notes__tools-label{width:fit-content;padding:.15rem .55rem;border:2px solid var(--black);background:var(--nb-yellow);color:var(--black);font-family:var(--font-secondary);font-size:1.2rem;letter-spacing:.03em}.development-notes__search{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;border:var(--border-btn);box-shadow:var(--shadow-square);background:#f8f8f1;color:var(--black)}.development-notes__search input{width:100%;border:0;outline:0;background:transparent;color:var(--black);font:inherit;font-size:1.05rem}.development-notes__search input::placeholder{color:#333333b3}.development-notes__tags,.development-notes__article-tags,.development-notes__card-tags{display:flex;flex-wrap:wrap;gap:10px}.development-notes__tags-wrap{position:relative;min-width:0;overflow:visible}.development-notes__tags{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;max-width:100%;padding:6px 4px 8px;scrollbar-width:none;-ms-overflow-style:none}.development-notes__tags::-webkit-scrollbar{display:none}.development-notes__tags-arrow{position:absolute;top:6px;display:grid;place-items:center;height:42px;width:42px;border:2px solid var(--black);box-shadow:var(--shadow-square);background:var(--nb-yellow);color:var(--black);font-size:1.1rem;cursor:pointer;z-index:2}.development-notes__tags-arrow--left{left:-8px}.development-notes__tags-arrow--right{right:-20px}.development-notes__tags-arrow:hover{background:var(--nb-green)}.development-notes__tags button,.development-notes__article-tags button{flex:0 0 auto;min-height:42px;padding:.35rem .85rem;border:2px solid var(--black);background:#f8f8f1;color:var(--black);font-family:var(--font-secondary);font-size:1.15rem;cursor:pointer;transition:all .2s ease-in}.development-notes__tags button:hover,.development-notes__tags button.is-active,.development-notes__article-tags button:hover{background:var(--nb-green);color:var(--nb-yellow);box-shadow:3px 3px 0 var(--black)}.development-notes__tags button:hover,.development-notes__tags button.is-active{color:var(--black)}.development-notes__layout{display:grid;grid-template-columns:minmax(260px,390px) minmax(0,1fr);gap:30px;padding:40px 50px 55px}.development-notes__list{display:flex;flex-direction:column;gap:18px;align-self:start}.development-notes__card{display:flex;flex-direction:column;gap:12px;width:100%;padding:20px;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--white-body);color:var(--black);font:inherit;text-align:left;cursor:pointer;transition:all .2s ease-in}.development-notes__card:hover,.development-notes__card.is-selected{background:var(--nb-yellow);box-shadow:none;transform:translate(4px,4px)}.development-notes__card strong{font-family:var(--font-secondary);font-size:2rem;font-weight:400;line-height:.95}.development-notes__card span:not(.development-notes__card-meta):not(.development-notes__card-tags){font-size:1rem;line-height:1.35}.development-notes__card-meta{font-size:.95rem;font-weight:700;text-transform:uppercase}.development-notes__card-tags span{padding:.1rem .45rem;border:2px solid var(--black);background:var(--nb-green);font-size:.95rem;font-weight:700}.development-notes__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--nb-blue);color:var(--black)}.development-notes__pagination button{min-height:42px;padding:.35rem .8rem;border:2px solid var(--black);background:#f8f8f1;color:var(--black);font-family:var(--font-secondary);font-size:1.15rem;cursor:pointer}.development-notes__pagination button:not(:disabled):hover{background:var(--nb-yellow)}.development-notes__pagination button:disabled{opacity:.45;cursor:not-allowed}.development-notes__pagination span{font-weight:800}.development-notes__empty,.development-notes__article{position:relative;z-index:0;border:var(--border-main);box-shadow:var(--shadow-square);background:#f8f8f1;color:var(--black)}.development-notes__empty{padding:24px;font-size:1.2rem}.development-notes__article{min-width:0;height:clamp(820px,calc(100vh + -0px),1100px);overflow-y:auto;padding:clamp(24px,4vw,44px);scrollbar-color:var(--black) #f8f8f1;scrollbar-width:thin}.development-notes__article::-webkit-scrollbar{width:14px}.development-notes__article::-webkit-scrollbar-track{background:#f8f8f1}.development-notes__article::-webkit-scrollbar-thumb{border:3px solid #f8f8f1;background:var(--black)}.development-notes__article header{margin-bottom:30px;padding-bottom:24px;border-bottom:var(--border-btn)}.development-notes__article header p{margin-bottom:12px;font-weight:800;text-transform:uppercase}.development-notes__article h3{margin-bottom:18px;font-family:var(--font-secondary);font-size:clamp(2.8rem,6vw,5rem);font-weight:400;line-height:.9}.development-notes__article p,.development-notes__article li{font-size:1.15rem;line-height:1.65}.development-notes__article p+p,.development-notes__article p+ul,.development-notes__article ul+p,.development-notes__article pre{margin-top:18px}.development-notes__article ul{margin-left:1.2rem;list-style:square}.development-notes__article strong,.development-notes__article code{color:#111}.development-notes__article code{padding:.1rem .35rem;border:2px solid var(--black);background:var(--nb-blue);font-size:.95em}.development-notes__article pre{overflow-x:auto;padding:18px;border:var(--border-btn);background:#151515;color:var(--white-body)}.development-notes__article pre code{padding:0;border:0;background:transparent;color:inherit}@media only screen and (max-width: 860px){.development-notes__header,.development-notes__tools,.development-notes__layout{padding-left:24px;padding-right:24px}.development-notes__header,.development-notes__tools,.development-notes__layout{grid-template-columns:1fr}.development-notes__header{flex-direction:column}}@media only screen and (max-width: 560px){.development-notes__header,.development-notes__tools,.development-notes__layout{padding-left:16px;padding-right:16px}.development-notes__tools{padding-top:24px;padding-bottom:24px}}.wrapper{max-width:1280px;margin:0 auto;background:#fff}footer{background:var(--black);color:var(--white-body);padding:20px 0;text-align:center}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-primary: "Familjen Grotesk", sans-serif;--font-secondary: "Bebas Neue", sans-serif;--black: #333333;--white-body: #f5f5f5;--nb-yellow: hsl(65, 100%, 76%);--nb-orange: hsl(43, 100%, 80%);--nb-pink: hsl(328, 97%, 88%);--nb-lila: hsl(260, 100%, 88%);--nb-blue: hsl(209, 82%, 83%);--nb-green: hsl(177, 61%, 73%);--border-main: 4px solid var(--black);--border-btn: 3px solid var(--black);--shadow-square: 4px 4px 0 var(--black);--sm-block: 85px;--xs-block: 70px;--gral-padding: 0 50px}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--black)}::selection{color:var(--nb-yellow);background:var(--nb-green)}html::-webkit-scrollbar{width:1.6rem}html::-webkit-scrollbar-track{background:var(--nb-yellow)}html::-webkit-scrollbar-thumb{background:var(--nb-green);box-shadow:3px 3px 0 var(--black);border:var(--border-btn)}img{max-width:100%;height:auto}a{text-decoration:none;color:#333}ul{list-style:none}