@font-face {
	font-family: Plus Jakarta Sans;
	font-style: normal;
	font-weight: 200;
	src: url(font/PlusJakartaSans-ExtraLight.ttf) format("truetype");
}

@font-face {
	font-family: Plus Jakarta Sans;
	font-style: normal;
	font-weight: 500;
	src: url(font/PlusJakartaSans-Medium.ttf) format("truetype");
}

body {
    text-align: center;
    font-family: "Plus Jakarta Sans";
    background-color: #f8f7f7;
    color: #6f6a66;
    margin-top: 30vh;
}

img {
    height: 10rem;
    padding: 1rem;
}

a {
    color: #c09f99;
}

a:hover {
    color: #bfaead;
}

#signet {
    width: 7rem;
    animation-name: spin;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

#underconstruction {
    font-weight: 500;
    font-size: 24pt;
    color: #D2D2D2;
    letter-spacing: 1.5%;
    margin-bottom: 0.5rem;
}

#contact {
    letter-spacing: 0%;
    font-size: 16pt;
    color: #1E1E1C;
    font-weight: 200;
    margin-top: 0.5rem;
}

.bottom {
    position: fixed; 
    bottom: 3vh;
	left: 0px;
    width:100%;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@media only screen and (max-width: 600px) {
    img {
        width: 60vw;
    }
}