.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}}.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:80px}.nav-blog:hover~.nav-top__curvyArrow{left:160px}.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}}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}.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}