:root {
    --dark: #111212;
    --semidark: #293c46;
    --mid: #586F7C;
    --bright: #ddebea;
    --white: #F4F4F9;
    --red: #e35858;
}

html {
    scroll-behavior: smooth;
}

.container {
    width: calc(100% - 6rem);
    margin: 0 auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: var(--semidark);
}

.section {
    margin-top: 3rem;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; 
}

a {
    color: var(--red);
    font-weight: 650;
}

p {
    padding: 0;
    margin: 0;
}

@media (max-width:620px) {
    .section {
        margin-top: 2rem;
    }
}