style.css

@charset "UTF-8";

body {
    font-weight: 300;
    font-family: "Source Serif Pro", sans-serif;
    padding-top: 4.5rem;
}

::-webkit-scrollbar {
    width: 1vh;
}

::-webkit-scrollbar-thumb {
    background-color: #ddd;
}

:hover {
    transition: all ease 0.4s;
}

a{
    color: #9a71ee;    
}

nav.fixed-top{
    max-width: 100vw;
}

header, main, aside, footer{
    overflow-x:hidden;
}

h1,
h3,
h4,
h5,
h6,
strong {
    font-weight: 600;
}

h2 {
    font-weight: 200;
    color: #9a71ee;
}

header h2{
    color: #d22b4b;    
}

@media (max-width: 768px) {
    header h2{
        max-width:70%;
    }
}


h3 {
    font-family: "Source Sans Pro", serif;
    color: #888;
}

h4 + p {
    font-weight: 700;
}

aside {
    background: #F2F2F2;
}

aside h2 {
    text-align: center;
}

.btn {
    font-family: "Source Sans Pro", serif;
    font-weight: 600;
}

.btn-outline-danger {
    color: #9a71ee;
    border-color: #9a71ee;
}

.btn-outline-danger:hover {
    color: #fff;
    background: #9a71ee;
    border-color: #9a71ee;
}


footer a{
    color:silver;
}

footer a:hover{
    color:white;
}