:root {
    --primary_color: #ffe745;
    --secondary_color: #fff29b;
    --primary_black: #171717;
    --primary_white: #ffffff;
    --secondary_white: #eeede6;
}

#logo {
    height: 150px;
    margin: -20px;
}

body {
	font-family: "Arial", sans-serif;
	background-color: var(--primary_color);
	color: var(--primary_black);
	margin: 0;
	padding: 0;

}

header {
	color: var(--primary_black);
	padding: 3px;
}

h1 {
	size: 1em;
	position: relative;
	left: 0.6em;
}

#contact-box {
    background-color: var(--primary_white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.5em;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    position: fixed;
    padding: 0.5em;
}

#contact-info {
    font-size: 1.2em;
    padding: 2em;
	text-align: center;
}

#contact {
    background-color: var(--primary_color);
    padding: 0.1px;
    border-radius: 3em;
}

#logo-text {
    width: 100vw;
    /* height: 100vh; */
    margin: -30;
    display: flex;
    justify-content: center;
}

#contact:hover {
    color: var(--primary_white);
}