:root
{
    --purple: #7068BD;
    --green: #85CA00;
    --red: #FF6666;
    --daveColor: #FFD791;

    --easeOut: cubic-bezier(0, 0.55, 0.45, 1);
}

.topMargin20 { margin-top: 20px; }
.topMargin50 { margin-top: 50px; }
.topMargin100 { margin-top: 100px; }


.basic-container
{
    display: flex;
    justify-content: center;
    align-items: center;
    
    margin: 50px 0px 50px 0px;

    border-radius: 10px;
    box-shadow: inset 0px -5px 0px rgba(0, 0, 0, 0.2);    
}

.buy-now-button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 90%;
    max-width: 400px;
    margin-top: 50px;
}

@media (min-width: 600px) {
    .buy-now-button {
        width: 40%;
    }
}


.title-container
{
    display: flex;
    flex-wrap: wrap;

    justify-content: center;
    align-items: center;

    height: 2em;
    min-width: 300px;
    aspect-ratio: 5;
    
    background-color: var(--purple);
    
    font-size: 24px; 
}

.text-button
{
    display: flex;
    height: 2em;
    width: 100px;

    font-size: 24px;  

    transition: margin 0.25s, scale 0.15s;
}

.text-white
{    
    color: white;
    text-align: center;
    font-family: "Varela Round", sans-serif;
}

.text-black
{    
    color: #202020;
    text-align: center;
    font-family: "Varela Round", sans-serif;
}

.text-black-left
{    
    color: #202020;
    text-align: left;
    font-family: "Varela Round", sans-serif;
}

.font-size-24
{
    font-size: 24px;
}

.font-size-18
{
    font-size: 18px;
}

.font-weight-200 { font-weight: 200; }
.font-weight-400 { font-weight: 400; }
.font-weight-600 { font-weight: 600; }

.bg-green   { background-color: var(--green);   }
.bg-red     { background-color: var(--red);     }

.no-select {
    user-select: none; /* Prevents text selection */
    -webkit-user-select: none; /* For Safari */
    -moz-user-select: none; /* For Firefox */
    -ms-user-select: none; /* For older versions of IE */
}