@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}body{font-family:"League Spartan",sans-serif;font-optical-sizing:auto;font-style:normal;background-image:url(./images/bg-pattern-top-desktop.svg),url(./images/bg-pattern-bottom-desktop.svg);background-repeat:no-repeat;background-size:top 0% left 0%,right 0% bottom 0%;min-height:100vh;display:flex;flex-direction:column;gap:4vh;align-items:center;justify-content:center}body main{display:flex;flex-direction:column;justify-content:space-between;width:90vw;height:90vh}body main .block1{display:flex;width:100%;flex-basis:50%;justify-content:center;align-items:center}body main .block1 .aside1{flex-basis:40%}body main .block1 .aside1 .title{color:#502050;font-weight:700;font-size:2.5rem}body main .block1 .aside1 .description{color:#937b92}body main .block1 .aside2{color:#502050;flex-basis:60%;display:flex;flex-direction:column;justify-content:space-evenly;padding:5vh 8vw;font-weight:700;gap:2.5vh}body main .block1 .aside2 .star1,body main .block1 .aside2 .star2,body main .block1 .aside2 .star3{padding:1.5vh 3vw;border-radius:10px;background-color:#f7f2f7;width:-moz-fit-content;width:fit-content}body main .block1 .aside2 .star1 span,body main .block1 .aside2 .star2 span,body main .block1 .aside2 .star3 span{color:orange;margin-right:1.5vw;font-size:larger;letter-spacing:.5vw}body main .block1 .aside2 .star1{align-self:flex-start}body main .block1 .aside2 .star2{align-self:center}body main .block1 .aside2 .star3{align-self:flex-end}body main .block2{display:flex;flex-basis:50%;width:100%;gap:3vw}body main .block2 section{background-color:#502050;padding:1vh 4vw;border-radius:10px;width:33.3333333333%;height:35vh;display:flex;flex-direction:column;justify-content:space-evenly}body main .block2 section .profile-name{display:flex;align-items:center;gap:2vw}body main .block2 section .profile-name .profile-pic{border-radius:100%;width:50px;height:50px}body main .block2 section .profile-name .names{color:#fff;display:inline-flex;flex-direction:column}body main .block2 section .profile-name .names span{color:#ee68a4;font-weight:400}body main .block2 section .text{color:#fff}body main .block2 .section1{align-self:flex-start}body main .block2 .section2{align-self:center}body main .block2 .section3{align-self:flex-end}body footer a{color:#502050;text-decoration:none}body footer a:hover{color:#ee68a4;transition:.3s ease-in-out}@media(max-width: 576px){body{background-image:url(./images/bg-pattern-top-mobile.svg) url(./images/bg-pattern-bottom-mobile.svg);background-size:cover;background-repeat:no-repeat}body main{height:200vh;gap:3vh}body main .block1{flex-direction:column;align-items:center}body main .block1 .aside1{text-align:center;display:flex;flex-direction:column;justify-content:center;flex-basis:50%}body main .block1 .aside1 .title{line-height:1}body main .block1 .aside1 .description{padding-top:2vh}body main .block1 .aside2{padding:0;width:100%;align-self:stretch;flex-basis:50%}body main .block1 .aside2 .star1,body main .block1 .aside2 .star2,body main .block1 .aside2 .star3{align-items:center;width:100%;display:flex;flex-direction:column;gap:0}body main .block2{flex-direction:column}body main .block2 section{width:100%;height:33.3333333333%}body footer{margin:0 10vw}}@media(min-width: 577px)and (max-width: 768px){body main{height:200vh;width:90vw}body main .block1{flex-basis:40%}body main .block1 .aside2{padding:0}body main .block2{padding:0;flex-basis:60%}body main .block2 section{width:33.3333333333%;height:-moz-fit-content;height:fit-content;padding:4vh 3vw}}