SwapIt / styles / global.css
global.css
Raw
:root{
    --font-color-dark: #323232;
    --font-color-light: #f5f5f5;
    --bg-color-light: #f5f5f5;
    --bg-color-dark: #323232;
    --input-focus: #2d8cf0;
    --font-color-sub: #666;
}

*{
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: ease 0.2s;
}
body{
    
    position: relative;
    margin: 0;
    margin-top: 5rem;
    padding: 0;
    min-height: 100vh;
    font-family: sans-serif;
}

button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-family: inherit;
}

select{
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
}

.link{
    text-decoration: none;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container{
    top: 0;
    margin: 0 10% 0 10%;
    padding: 5% 0 5% 0;
}

/* input: https://uiverse.io/Satwinder04/pink-bat-77 */


/* Buttons */
.button{
    padding: 0.5rem 1rem;
    font-size: large;
    color: var(--font-color-light);
    border-radius: 10px;
    border: 2px solid var(--bg-color-light);
    background: var(--bg-color-dark);
    box-shadow: 3px 3px var(--bg-color-light);
    cursor: pointer;
}
.button:hover {
    box-shadow: none;
    transform: translate(3px, 3px);
}