html {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    background: whitesmoke;
}

:root {
    --error-color: rgb(230, 40, 40);
    --success-color: #00d669;
    --default-color: blueviolet;
    --primary-color: #4077d6;
    --secondary-color: #f60;


    --alert-color: #c51111;

    --default-bg: #3e3e3d;
    --darker-bg: #2e2e2e;

    --border-main-color: #888888;
    --border-primary-color: #4c8bf7;
    --border-light-color: #e0e0e0;

    --default-shadow: 0 0 5px rgba(0,0,0,0.5);
}
html, body {
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
}
a {
    text-decoration: none;
}
input[type=email], input[type=password], input[type=search], input[type=text], input[type=search], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

textarea {
    font-family: inherit;
    font-size: inherit;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
input:focus, textarea:focus, select:focus{
    outline: none;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #e2e2e2;
}
::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}
svg {
    height: 24px;
    width: 24px;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px;
}
div:focus, span:focus {outline: none;}

.trans-swipe-left-enter-active, .trans-swipe-left-leave-active {
    transition: transform .3s ease-in-out;
}
.trans-swipe-left-enter-from, .trans-swipe-left-leave-to {
    transform: translateX(-100%);
}
.trans-swipe-right-enter-active, .trans-swipe-right-leave-active {
    transition: transform .3s ease-in-out;
}
.trans-swipe-right-enter-from, .trans-swipe-right-leave-to {
    transform: translate(100%);
}
.trans-height-enter-active, .trans-height-leave-active {
    transition: height .3s ease-in-out;
}
.trans-height-left-enter-from, .trans-height-left-leave-to {
    height: 0;
}
.trans-fade-enter-active, .trans-fade-leave-active {
    transition: opacity .3s;
}
.trans-fade-enter-from, .trans-fade-leave-to {
    opacity: 0;
}
.trans-fade-leave-active {
    position: absolute;
}
.trans-bg {
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100vh;
}