@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

html * {
    font-family: 'Open Sans', sans-serif !important;
}

.pfp {
    border-radius: 2%;
}

.profilearea {
    padding: 3rem;
}

body {
    margin: 0 auto;
    max-width: 80vw;
    background-color: #EDEDE9;
}

h1 {
    font-weight: 600;
    font-size: 36px;
    margin: 0px;
    color: #383837;
}

p {
    font-size: 18px;
    color: #383837;
}

a, a:link, a:visited {
    color: #776356;
    text-decoration: none;
    margin: 0px;
}

a:hover, a:active {
    color: #D5BDAF;
    text-decoration: none;
    margin: 0px;
}

.gal_mar {
    padding: 1em;
}

.gallery_container {
    padding: 0%;
}

.gallery_entry {
    width: 100%;
    border-radius: 2%;
}

.gallery_entry:hover {
    transform: translateY(-1em);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    display: block;
}

.row {

    border-radius: 20% !important;
}

.container{
    padding : 0px;
}

.col-lg-2{padding: 0px; margin: 0px}
.col-md-3{padding: 0px; margin: 0px}
.col-sm-4{padding: 0px; margin: 0px}
.col-sm-0{padding: 0px; margin: 0px}

/*

.active {
    color:#FFF !important;
    background-color: #565656;
    border-radius: 2rem;
    padding: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.aboutdiv {
    background-color: #222222;
    margin: 0 auto;
    max-width: 50em;
    padding: 2rem;
    margin-top: 2rem;
    border-radius: 0.5rem;
}

.catSelect {
    background-color: #222222;
    padding: 0.75em;
}
*/