@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.scale{
	animation: scale 3s ease-out
}

.rotate{
	animation: rotate 3s ease-out
}

@keyframes scale {
    0% {
        transform: scale(1.0);
    }
    90% {
        transform: scale(0.0);
    }
	100% {
        transform: scale(1.0);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.animate-fade-in
{
	position:relative;
	animation:animfadein 2.0s;
} 

@keyframes animfadein
{
	0%{
		opacity:0;
	} 
	100%{
		opacity:1;
	}
}

.display-middle{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

body { 
	margin: 2 auto;
	background:#0e0e10;	
	font-family: "Bebas Neue", sans-serif;
}

.fetus-font-large{
	color:white; 
	letter-spacing:-0.5px;
	font-weight:bold;
	letter-spacing:4px;
	font-size:48px!important
}

.fetus-font-small{
	color:white; 
	font-weight:bold;
	letter-spacing:4px;
	font-size:28px!important
}

.button {
  border: none;
  border-radius: 8px;
  color: black;
  padding: 12px 16px;
  text-align: center;
  text-decoration: bold;
  display: inline-block;
  font-family: 'Bebas Neue';
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}