@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{background-color:#1D2033;height:100vh}@media (min-width: 200px) and (max-width: 320px){html{height:auto}}@media (min-width: 320px) and (max-width: 480px){html{height:auto}}@media (min-width: 481px) and (max-width: 768px){html{height:auto}}body{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;padding-top:2rem;height:100%;font-family:'Inter', sans-serif;color:white}@media (min-width: 200px) and (max-width: 320px){body{padding:0.5rem;gap:0.5rem}}@media (min-width: 320px) and (max-width: 480px){body{padding:1rem;gap:1rem}}@media (min-width: 481px) and (max-width: 768px){body{padding:1rem;gap:1rem}}header{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-height:20rem;gap:1rem}main{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem}i{color:white}a{text-decoration:none;color:white}p{font-size:1.25rem}.header__img{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;min-height:10rem;max-height:10rem;min-width:10rem;max-width:10rem;border-radius:100%;background-image:url("/assets/img/diamond.png");background-repeat:no-repeat;background-position:center;background-size:cover}.header__midias{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;max-height:1.5rem;gap:0.5rem}.main__container{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;gap:1rem}@media (min-width: 200px) and (max-width: 320px){.main__container{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap}}@media (min-width: 320px) and (max-width: 480px){.main__container{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap}}@media (min-width: 481px) and (max-width: 768px){.main__container{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap}}.main__midia{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;min-width:15rem;max-width:15rem;min-height:15rem;max-height:15rem;border-radius:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;background-color:#1E2A3B}@media (min-width: 200px) and (max-width: 320px){.main__midia{min-width:100%;max-width:100%;min-height:10rem;max-height:10rem}}@media (min-width: 320px) and (max-width: 480px){.main__midia{min-width:100%;max-width:100%;min-height:10rem;max-height:10rem}}@media (min-width: 481px) and (max-width: 768px){.main__midia{min-width:100%;max-width:100%;min-height:10rem;max-height:10rem}}.main__midia:hover{cursor:pointer;-webkit-transition:all 0.2s;transition:all 0.2s;-webkit-transform:scale(1.05);transform:scale(1.05);background-color:#262C52;-webkit-filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25));filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25))}
