@keyframes fade-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}*,::after,::before{margin:0;padding:0;box-sizing:border-box}input{font:inherit;border:0}button{border:0;background-color:initial;outline:0}ul{list-style:none}a{color:inherit;text-decoration:none}.u-italic{font-style:italic}.u-accent{color:#2cc695}.u-underline{text-decoration:underline}.u-bold{font-weight:500}.u-bolder{font-weight:700}.page{font-family:"Poppins",sans-serif;font-size:0.875rem;color:#fff;display:flex;justify-content:center;background-image:url(https://bytegrad.com/course-assets/css/2/pattern.svg),linear-gradient(to bottom right,#8fd861,#2cc695 90%);scrollbar-width:none}.page::-webkit-scrollbar{display:none}.app{width:77.5rem;height:64.375rem;background-color:#fff;box-shadow:0 1.5625rem 9.375rem rgba(0,0,0,.65);margin:5rem 0;display:grid;grid-template-columns:22.1875rem 1fr;grid-template-rows:4.0625rem 45.25rem 1fr}@media (max-width:1300px){.app{width:100%;margin:0}}@media (max-width:355px){.app{grid-template-columns:1fr}}.header{grid-column:1/3;grid-row:1/2;display:flex;align-items:center}.logo{margin-left:1.625rem;margin-right:3rem}.search{position:relative}@media (max-width:815px){.search{display:none}}.search__input{background-color:#eef3f4;height:2.125rem;width:25.3125rem;border-radius:31.25rem;font-size:0.8125rem;color:#555a5b;padding-left:1.25rem;outline:0;transition:all .2s}.search__input:focus{width:26.5625rem}.search__input::-moz-placeholder{color:#a9b4b7}.search__input::placeholder{color:#a9b4b7}.search__submit{font-size:0.9375rem;color:#a9b4b7;cursor:pointer;transition:all .2s;position:absolute;right:0.8125rem;top:0.5rem}.search__submit:focus{color:#555a5b}.nav{margin-left:auto}.nav__list{display:flex}.nav__link{padding:0 1.25rem;transition:all .2s;height:4.0625rem;display:block}.nav__link:focus,.nav__link:hover{background-color:#eef3f4}.nav__icon{color:#a9b4b7;font-size:1.375rem;line-height:4.0625rem}.sidebar{background-color:#11271f;grid-column:1/2;grid-row:2/4}@media (max-width:580px){.sidebar{grid-column:1/-1}}.intro{padding:3rem 2.1875rem 2.8125rem;border-bottom:0.0625rem solid rgba(255,255,255,.1)}.intro__text{color:#eef3f4;font-size:1rem;margin-top:0.75rem;line-height:1.8}.first-heading{font-weight:600;text-transform:uppercase;font-size:2.125rem;line-height:1}@media (max-width:355px){.first-heading{font-size:1.875rem}}.social{display:flex;justify-content:center;margin:1.5625rem 0 1.875rem}.social__img{height:2.1875rem;width:2.1875rem;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:0.125rem solid #fff}.social__img:not(:first-child){margin-left:-0.5rem}.social__container{margin-left:0.625rem}.social__number{font-weight:500}.auth__text,.social__text{font-size:0.75rem;color:#a9b4b7;margin-top:-0.3125rem}.auth__text{text-align:center;margin-top:0.5rem}.auth__link,.btn{font-weight:500;text-decoration:none}.auth__link{color:#2cc695}.btn{background-color:#16b47f;padding:0.75rem 0;display:block;border-radius:0.3125rem;text-align:center;text-transform:uppercase;transition:all .2s}.btn__icon{margin-left:0.125rem}.btn:focus,.btn:hover{background-color:#119267}.upload{padding:2.8125rem 2.1875rem;border-bottom:0.0625rem solid rgba(255,255,255,.1);color:#a9b4b7}.upload__container{background-color:rgba(255,255,255,.03);height:20.625rem;border-radius:0.1875rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s;position:relative;overflow:hidden}.upload__container:hover{background-color:rgba(255,255,255,.06)}.upload__container::before{content:"";border:0.125rem dashed #434747;position:absolute;top:-0.0625rem;bottom:-0.0625rem;left:-0.0625rem;right:-0.0625rem}.upload__icon{font-size:1.4375rem}.upload__text{color:#fff;margin-top:0.5rem}.upload__alternative{font-size:0.75rem;margin-top:-0.125rem}.footer{padding-top:3.125rem;padding-left:2.1875rem;font-size:0.6875rem;color:rgba(169,180,183,.6)}.footer__list{display:flex;-moz-column-gap:0.9375rem;column-gap:0.9375rem;margin-top:0.625rem}.copyright{font-size:inherit}.gallery{background-color:#eef3f4;grid-column:2/3;grid-row:2/3;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:17rem 3.75rem 5.625rem 4rem 1.875rem 13rem}@media (max-width:1130px){.gallery{grid-template-columns:1fr 1fr}}@media (max-width:815px){.gallery{grid-row:2/4;grid-template-rows:17rem 3.75rem 5.625rem 4rem 1.875rem 13rem 1fr;grid-template-columns:1fr}}@media (max-width:580px){.gallery{display:none}}.gallery__img-wrapper{position:relative}.gallery__img-wrapper:nth-child(1){grid-column:1/2;grid-row:1/3;animation:fade-in 1s .1s backwards}.gallery__img-wrapper:nth-child(2){grid-column:2/3;grid-row:1/4;animation:fade-in 1s .2s backwards}@media (max-width:815px){.gallery__img-wrapper:nth-child(2){display:none}}.gallery__img-wrapper:nth-child(3){grid-column:3/4;grid-row:1/2;animation:fade-in 1s .3s backwards}@media (max-width:1130px){.gallery__img-wrapper:nth-child(3){display:none}}.gallery__img-wrapper:nth-child(4){grid-column:1/2;grid-row:3/6;animation:fade-in 1s .4s backwards}.gallery__img-wrapper:nth-child(5){grid-column:2/3;grid-row:4/-1;animation:fade-in 1s .5s backwards}@media (max-width:815px){.gallery__img-wrapper:nth-child(5){display:none}}.gallery__img-wrapper:nth-child(6){grid-column:3/4;grid-row:2/5;animation:fade-in 1s .6s backwards}@media (max-width:1130px){.gallery__img-wrapper:nth-child(6){display:none}}.gallery__img-wrapper:nth-child(7){grid-column:1/2;grid-row:6/-1;animation:fade-in 1s .7s backwards}.gallery__img-wrapper:nth-child(8){grid-column:3/4;grid-row:5/-1;animation:fade-in 1s .8s backwards}@media (max-width:1130px){.gallery__img-wrapper:nth-child(8){display:none}}.gallery__img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.gallery__comment{background-color:#fff;font-size:0.75rem;color:#555a5b;padding:0.25rem 0.625rem;border-radius:31.25rem;position:absolute}.gallery__comment--1{top:0.9375rem;right:0.9375rem}.gallery__comment--2{bottom:0.9375rem;right:0.9375rem}.gallery__comment--3{top:0.9375rem;left:0.9375rem}.gallery__comment--4{bottom:0.9375rem;left:0.9375rem}.gallery__icon{color:#2cc695;font-size:0.6875rem}.gallery__number{font-size:0.6875rem;font-weight:600;margin-right:0.125rem}.steps{background-color:#e7edee;grid-column:2/3;grid-row:3/4;display:flex;align-items:center}@media (max-width:815px){.steps{display:none}}.step{text-align:center;padding:0 1.25rem}@media (max-width:960px){.step:nth-child(3){display:none}}.step__icon{font-size:1.25rem;height:3.125rem;width:3.125rem;border-radius:50%;background-color:#fff;margin-bottom:1.0625rem;line-height:3.125rem}.step__icon--1{color:#67b941}.step__icon--2{color:#38b049}.step__icon--3{color:#1ea97b}.step__text{color:#555a5b;font-size:0.75rem;line-height:1.8}.second-heading{color:#161616;font-size:1.125rem;font-weight:500;margin-bottom:0.375rem}