p#result {
    margin: 0;
    padding: 0;
	display: inline;
}

a {
	text-decoration: none;
	color:white;
}

.snow_parent {
	background-image: radial-gradient(50% 176%, #253854 80%, #0a222e 100%);
	min-height: 100%;
	position: relative;
    overflow: hidden;
	z-index: 0;
}

.snow {
	position: absolute;
	min-width: 100vw;
	min-height: 100vh;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.snow .svg {
	position: absolute;
	width: 100%;
	height: 100%;
}

#snow-top-layer {
	will-change: transform;
	transform: translateY(-768px);
	animation: fall 22.5s infinite linear;
}

#snow-bottom-layer {
	will-change: transform;
	transform: translateY(-768px);
	animation: fall 45s infinite linear;
}

@keyframes fall {
	
	100% {
		transform: translateY(0);
	}
	
}

.button.home .material-symbols-rounded {
    transform: scale(1.5);
	font-variation-settings: 
	'FILL' 1;
}

.buttons {
	text-align: center;
	white-space: nowrap;
	width: 100%;
}

.button {
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
	font-family: lato;
	background-color: #0f0f0f;
	border-radius: 50px;
	display: inline-block;
	white-space: nowrap;
}

.button:hover {
	background-color: #292929;
}

.text {
	font-size: 150%;
    color: white;
    font-family: lato;
    flex: 1;
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow: hidden; 
    text-overflow: ellipsis; 
}


.centered-content {
    display: flex;
	align-items: center;
    justify-content: space-between;
    height: 100%;
	width: 100%; 
}

.image {
    border-radius: 50%;
    border: solid white;
    width: 30%;	
    height: auto;
    margin-right: 5%;
}

.blackb {
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
	border-radius: 30px;
	padding-left: 2%;
	padding-right: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
    background-color: #0f0f0f;
	display: flex;
	align-items: center;
}

.blackb_parent {
	flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

@media (max-width:550px)  { 

	.button{
		font-size: 120%;
		margin: 2% 2%;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 3.5%;
		padding-bottom: 3.5%;
	}

	.centered-content{
		flex-direction: column;
	}

	.blackb{
		max-width: 80%;
		min-width: 80%;
	}

	.text{
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 2%;
		padding-bottom: 5%;
		text-align: center;
	}
	
	.image{
		display: block;
		min-width: 60%;
		max-width: 70%;
	}
}

@media (min-width:551px) {
	.button{
		font-size: 150%;
		margin: 2% 3%;
		padding-left: 3%;
		padding-right: 3%;
		padding-top: 1.5%;
		padding-bottom: 1.5%;
	}
}


@media (min-width:1025px) {

	.button{
		font-size: 150%;
		margin: 0.5% 3%;
		padding-left: 3%;
		padding-right: 3%;
		padding-top: 1.5%;
		padding-bottom: 1.5%;
	}

	.centered-content{
		flex-direction: row;
	}

	.blackb{
		max-width: 50%;
		min-width: 50%;
	}

	.image{
		display: inline-block;
		width: 30%;
	}
 }

body{
    margin:0
}