@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
* {
    margin:0;padding:0;font-size:15px;-webkit-tap-highlight-color:transparent;
}
body {
    width: 100vw;
    overflow-x: hidden;
}
html:focus-within {
    scroll-behavior:smooth;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
input:focus {
    border: 0;
    outline: none;
}
a {
    text-decoration:none;
    outline:none;
    font: inherit;
    color: inherit;
}
span, i, b {
    font: inherit;
    color: inherit;  
}
i {
    font-style: italic;
}
b {
    font-weight: bold !important;
}
p {
    font-family: Inter;
}
.noselect {
    user-select: none;
}
.griddy {
    display: grid;
}
.grid2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid3 {
    grid-template-columns: repeat(3, 1fr);
}

.flexy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.jc-center {
    justify-content: center;
}
.jc-wide {
    justify-content: space-around;
}
.jc-between {
    justify-content: space-between;
}
.jc-end {
    justify-content: flex-end;
}
.jc-even {
    justify-content: space-evenly;
}
.al-start {
    align-items: flex-start;
}
.al-center {
    align-items: center;
}
.al-bottom {
    align-items: flex-end;
}
.wrap {
    flex-wrap: wrap;
}
.nowrap {
    flex-wrap: nowrap;
}
.txt-center {
    text-align: center;
}
.txt-right {
    text-align: right;
}
.w100 {
    width: 100%;
}
.w90 {
    width: 90%;
}
.w80 {
    width: 80%;
}
.w75 {
    width: 75%;
}
.w70 {
    width: 70%;
}
.w65 {
    width: 65%;
}
.w60 {
    width: 60%;
}
.w50 {
    width: 50%;
}
.w45 {
    width: 45%;
}
.w40 {
    width: 40%;
}
.w35 {
    width: 35%;
}
.w30 {
    width: 30%;
}
.w25 {
    width: 25%;
}
.w20 {
    width: 20%;
}
.p20 {
    padding: 2rem;
}
.pw20 {
    padding: 0 2rem;
}
.pw10 {
    padding: 0 1rem;
}