@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;margin:0}html,body{overflow-x:hidden}html{scroll-behavior:smooth}body{min-height:100vh;font-family:sans-serif;font-size:100%;line-height:1.5;text-rendering:optimizeSpeed}img{display:block;max-width:100%}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:initial}}.font-sm{font-size:2rem}.font-md{font-size:2.5rem}.font-lg{font-size:3.5rem}.font-nromal{font-size:1.125rem/1.75rem}.page-layout{margin-left:1em;margin-right:1em}@media screen and (min-width: 45em){.page-layout{margin-left:2.437em;margin-right:2.437em}}@media screen and (min-width: 65em){.page-layout{margin-left:9.625em;margin-right:9.625em}}body{font-family:Plus Jakarta Sans;background-color:#fff7f0;color:#fff7f0}.header{margin:1em;display:flex;justify-content:space-between;align-items:center}.header-right{background-color:#030303;padding:.875rem 2.8125rem;border-radius:1.75rem}.header .header-right:hover{background-color:#755cde}.header a{text-decoration:none;color:#fff7f0}@media screen and (min-width: 45em){.header{background-color:#fff7f0;margin:2.437em}}@media screen and (min-width: 65em){.header{background-color:#fff7f0;margin:2.375em 9.625em}}.hero-container{margin-top:2em;margin-bottom:2em}@media screen and (min-width: 45em){.hero-container{margin:2.437em}}.hero-text{text-align:center;margin:0 1em}.hero-text h1{font-size:2.375rem;font-weight:700;line-height:2.8125rem;color:#030303}.hero-text p{font-size:1rem;color:#7a746e;font-weight:500;padding:0 1.5em}@media screen and (min-width: 45em){.hero-text{margin:4em}.hero-text h1{font-size:3.5rem}.hero-text p{padding-top:1em;margin-left:1em;margin-right:1em}}.cards-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto;gap:1.5em 1.5em;grid-auto-flow:row;grid-template-areas:"graphic-design graphic-design" "graphic-design graphic-design" "graphic-design graphic-design" "ui-ux apps" "illustrations illustrations" "photography photography" "motion-graphics motion-graphics"}.cards-container .card{width:100%;height:100%;border-radius:.5rem;padding:1.5em;display:flex;flex-direction:column;justify-content:space-between}.cards-container .graphic-design{grid-area:graphic-design;background-color:#755cde}.cards-container .graphic-design img{width:8em;align-self:flex-end}.cards-container .ui-ux{grid-area:ui-ux;background-color:#f6a560;height:11.375em}.cards-container .ui-ux img{width:4em;align-self:flex-end}.cards-container .apps{grid-area:apps;background-color:#f39e9e;height:11.375em}.cards-container .apps img{width:4em;align-self:flex-end}.cards-container .illustrations{grid-area:illustrations;background-color:#eb7565;height:11.375em}.cards-container .illustrations img{width:8em;align-self:flex-end}.cards-container .photography{grid-area:photography;background-color:#61c4b7;height:11.375em}.cards-container .photography img{width:8em;align-self:flex-end}.cards-container .motion-graphics{grid-area:motion-graphics;background-color:#552049;height:11.375em}.cards-container .motion-graphics img{width:8em;align-self:flex-end}@media screen and (min-width: 45em){.cards-container{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:1.5em;grid-template-areas:"graphic-design graphic-design ui-ux apps" "graphic-design graphic-design illustrations illustrations" "photography photography motion-graphics motion-graphics"}}@media screen and (min-width: 65em){.cards-container{margin:2.375em 9.625em;grid-auto-columns:1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto;gap:1.5em;grid-template-areas:"graphic-design graphic-design ui-ux apps photography photography" "graphic-design graphic-design illustrations illustrations motion-graphics motion-graphics"}}.about{display:grid;margin:6.25em 2em;color:#030303;text-align:center}.about .about-left{margin-bottom:2.5em}.about .about-right h1{font-size:1.625em;font-weight:700}.about .about-right p{margin-top:1em;font-size:1em;color:#7a746e;line-height:1.625rem}@media screen and (min-width: 45em){.about{margin-right:4rem;margin-left:0;grid-template-columns:repeat(2,1fr)}.about .about-left{margin-left:-4rem}.about .about-right{text-align:left;margin-left:3.75rem}}@media screen and (min-width: 65em){.about{margin-left:10.3125em;margin-right:10.3125em}.about .about-left{margin:unset}.about .about-right{margin:4em}}.my-work{color:#030303}.my-work .my-work-subtitle{text-align:center;font-size:1.5rem;font-weight:700}.my-work .my-work-slider{margin:4rem 0;display:flex;gap:.9375em}.my-work .my-work-slider img{max-width:16.875em;border-radius:.625em}.my-work .my-work-slider-btn{display:flex;justify-content:center;gap:1em;margin:2rem 0}.my-work .my-work-slider-btn .my-work-slider-btn-span-left,.my-work .my-work-slider-btn .my-work-slider-btn-span-right{background-color:#030303;height:4rem;width:4rem;justify-content:center;display:inline-flex;align-items:center;border-radius:50%;cursor:pointer}.my-work .my-work-slider-btn .my-work-slider-btn-span-left:hover,.my-work .my-work-slider-btn .my-work-slider-btn-span-right:hover{background-color:#755cde}.footer{margin:6.25em 1em;text-align:center}.footer .top{background-color:#030303;border-radius:.625em;padding:3.1875em}.footer .top .left h4{font-size:1.625rem;font-weight:700}.footer .top .left p{font-size:1rem;font-weight:500;line-height:1.625rem}@media screen and (min-width: 45em){.footer .top .left h4{font-size:2rem}.footer .top .left p{font-size:1.125rem;line-height:1.75rem}}@media screen and (min-width: 65em){.footer{margin:2.375em 9.625em}}@media screen and (min-width: 65em){.footer .top{display:flex;justify-content:space-between;text-align:left}.footer .top .left{width:40em}.footer .top .btn-red{margin:auto}.footer .top .btn-red a:hover{background-color:#755cde}}.btn-red{margin:2.5em 0}.btn-red a{text-decoration:none;color:#fff7f0;background-color:#eb7565;font-size:.875rem;line-height:1.75rem;padding:1em 1.6875em;border-radius:1.75em}.btn-red a:hover{background-color:#755cde}.bottom{margin:2.5em 0;display:flex;justify-content:space-between;align-items:center}.bottom a{text-decoration:none;color:#fff7f0;background-color:#030303;font-size:.875rem;padding:1em 1.75em;border-radius:1.75em}.bottom .btn-red a:hover{background-color:#755cde}