@import 'variables';
@import 'font-faces';

* {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    outline: none; // Removes yellow outline on elements
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: var(--fontsize-normal);
    color: var(--theme-primary-text);
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

html,
body {
    height: 100%;
    margin: 0;
}

body {
    overflow-y: hidden;
}

h1 {
    color: var(--theme-accent-color);
    font-weight: lighter !important;
    font-size: var(--fontsize-largest) !important;
}

h2 {
    font-weight: lighter !important;
    font-size: var(--fontsize-larger) !important;
}

a {
    color: var(--theme-accent-color) !important;
    outline: none; // Removes yellow outline on links
    cursor: pointer;
    text-decoration: none;
}

a > * {
    color: var(--theme-accent-color) !important;
}

a:hover {
    opacity: 0.8;
}

::selection {
    background-color: var(--theme-accent-color);
}
