html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Helvetica Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: black;
}

h1, h2, h3, h4, h5 {
    font-weight: 250;
    text-transform: uppercase;
}

a {
    color: #4c75b2;
    text-decoration: none;
}

a:hover {
    color: #{shade-color(#4c75b2, 10%)};
}

p {
    font-family: 'Lora', serif;
}

:root {
}

.main-title {
    font-size: max(7vw, 50px);
    font-weight: 200;
}

.no-picture-text {
    color: #CCCCCC;
}

.footer-text {
    color: #AAAAAA;
}

.btn-primary {
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #233652;
    --bs-btn-hover-bg: #{shade-color(#233652, -10%)};
    outline: solid 1px white;
}

.card {
    opacity: 65%;
}

.card-body {
    opacity: unset;
}

.round-outline {
    border: solid 2px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}