.welcome {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	flex-wrap: inherit;
	text-align: center;
	color: white;
	font-size: 2em;
	text-shadow:
		-4px -4px 0 #000,  
		 4px -4px 0 #000,
		-4px  4px 0 #000,
		 4px  4px 0 #000 ;

}

.welcome h1 {
	text-shadow:
		-4px -4px 0 #000,  
		 4px -4px 0 #000,
		-4px  4px 0 #000,
		 4px  4px 0 #000 ;
}

.welcome p {
	text-shadow: 
		-2px -2px 0 #000,  
		 2px -2px 0 #000,
		-2px  2px 0 #000,
		 2px  2px 0 #000 ;
}

@media (max-width: 712px) {
    #welcome {
        font-size: 1em;
    }
}

.gone{
	display: none !important;
}

.si-container{
	position: relative;
	top: 0;
  	left: 0;
	transition: width .3s ease-in-out, height .3s ease-in-out;
	width: 100%;
	height: 100%n;
	border: rgba(0, 0, 0, 0.281);
	border-radius: 100px;
	border-style: dashed;
	background-color: #000a;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.si-title{
	position: relative;
	left: 0%;
	text-align: center;
}

.si-input,
.si-output,
.si-submit {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
	margin: 0.5rem 0; /* uniform spacing */
}

.si-submit{
	width: 100px;
}

.si-button-flexbox{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.big-icon{
	position: relative;
	background-color: #0000;
	width: 100%;
	image-rendering: pixelated;
}

::-webkit-scrollbar {
  display: none;
}