@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
	margin-top: 20rem;
	width:100vw;
	height:100vh;
	text-align: center;
}

body {
    background: linear-gradient(-45deg, #9e9d9d, #9bcfec, #23a6d5, #885f86);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.nodisplay {
	display: none !important;
}

.container-wrapper {
	max-width: 800px;
	margin: auto;
}

.img-container {
	padding: 1rem;
	width: fit-content;
	height: auto;
	display: inline-block;
	border-bottom: 3px solid transparent !important;
}

.img-cap {
	width: 50px;
	max-height: 50px;
	height: auto;	
}

.block-borders {
	border-bottom:3px solid rgba(83, 83, 83, 0.7) !important;
	border-radius: 1rem;
	border-left:1px solid rgb(133, 133, 133, 0.7) !important;
	border-right:1px solid rgb(133, 133, 133, 0.7) !important;
}

.block-no-borders {
	border-bottom:3px solid transparent !important;
	border-radius: 1rem;
	border-left:1px solid transparent !important;
	border-right:1px solid transparent !important;
}

.row {
	padding-bottom: 2rem;
}