@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&family=Oswald:wght@600;700&display=swap";:root{--header-height: 4rem;--hue-color: 240;--first-color: hsl(240, 60%, 58%);--first-color-alt: hsl(240, 60%, 58%, .3);--accent-1: hsl(38, 97%, 55%, .26);--accent-2: hsl(338, 69%, 61%, .15);--title-color: hsl(0, 0%, 100%);--text-color: hsl(0, 0%, 100%, .7);--body-color: hsl(240, 4%, 10%);--body-font: "Nunito Sans", sans-serif;--title-font: "Oswald", sans-serif;--biggest-font-size: 2.5rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--font-medium: 500;--font-semi-bold: 600;--font-bold: 700;--m-inline: 7rem;--z-tooltip: 10;--z-fixed: 100;--img-transition: .3s;--img-hidden: hidden;--img-scale: scale(1.1)}@media screen and (min-width: 968px){:root{--biggest-font-size: 4rem;--h1-font-size: 2.25rem;--h2-font-size: 1.75rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem;--m-inline: 4rem}}@media screen and (max-width: 768px){:root{--biggest-font-size: 2rem;--h1-font-size: 1.25rem;--h2-font-size: .75rem;--h3-font-size: .25rem;--normal-font-size: .75rem;--small-font-size: .675rem;--smaller-font-size: .6rem;--m-inline: 4rem}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}::-webkit-scrollbar-track{background-color:linear-gradient(90deg,var(--first-color),var(--first-color-alt))}html{overflow-x:hidden;width:100vw;scroll-behavior:smooth}body{margin:var(--header-height) 0 0 0;font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color);width:100vw;overflow-x:hidden!important;display:flex;flex-direction:column}h1,h2,h3{color:var(--title-color);font-weight:var(--font-semi-bold);font-family:var(--title-font)}ul{list-style:none}a{text-decoration:none;color:inherit}img,video{max-width:100%;height:auto}button,input{border:none;font-family:var(--body-font);font-size:var(--normal-font-size)}button{cursor:pointer}button.secondary{background:var(--first-color);border:1px solid var(--first-color);display:flex;column-gap:.25rem;align-items:center;font-size:var(--normal-font-size)}button.secondary:hover{background:transparent;color:var(--first-color)}input{outline:none}.main{overflow-x:hidden}section{position:relative;width:100vw;padding-bottom:3rem}.title{font-size:var(--biggest-font-size);font-family:var(--title-font);font-weight:var(--font-bold);line-height:110%}.section__title{font-size:var(--h2-font-size);color:var(--title-color);text-align:center;text-transform:capitalize;margin-bottom:var(--mb-2)}.container{max-width:1000px;margin-inline:auto}.grid{display:grid;gap:1.5rem}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;overflow-x:hidden}.nav__logo img{width:120px;height:auto}.nav__toggle{color:var(--text-color)}.nav__logo{font-weight:var(--font-semi-bold)}.nav__toggle{font-size:1.2rem;cursor:pointer;display:none}.nav__menu{position:relative;display:flex;column-gap:2rem;align-items:center}.button{padding:.5rem 1rem;border:1px solid var(--title-color);border-radius:.25rem;color:var(--title-color);background:transparent;transition:all .4s ease}.button:hover{background:var(--first-color);border-color:var(--first-color)}.nav__list{display:flex;flex-direction:row;column-gap:2.5rem}.scroll-header{background-color:var(--body-color);box-shadow:0 0 4px #0e373f26}.scroll-header .nav__logo,.scroll-header .nav__toggle{color:var(--title-color)}@media screen and (max-width: 1180px){.container{margin-inline:4rem}}@media screen and (max-width: 968px){.container{margin-inline:2rem}.nav__menu{position:fixed;background-color:var(--body-color);top:0;right:-100%;width:70%;height:100%;box-shadow:-1px 0 4px #0e373f26;padding:3rem;transition:.4s;flex-direction:column;row-gap:2rem;z-index:var(--z-fixed)}.nav__menu .nav__list{flex-direction:column;row-gap:2rem}.nav__toggle{display:block}}@media screen and (max-width: 720px){.nav__logo img{width:100px}}