*{
        font-family: SSP, sans-serif;
}
.bi::before {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}
b, h1, h2, strong{
        font-family: SSP-B, sans-serif !important;
}
.highlightedimage{
        width: 100%;
        height: auto;
}
#cv2-base{
	margin-top: 25px;
}
@font-face{
        font-family: SSP;
        src: url("/assets/fonts/SourceSansPro-Regular.otf.woff");
        font-display: swap;
	font-weight: normal;
	font-style: normal;
}
body{
        position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.footer{
        /*position: absolute;
        bottom: 0;*/
}
@font-face{
        font-family: FG;
        src: url("/assets/TitanOne-Regular.ttf");
        font-display: swap;
}
@font-face{
        font-family: SSP-B;
        src: url("/assets/fonts/SourceSansPro-Black.otf.woff");
        font-weight: normal;
        font-style: normal;
	font-display: swap;
}
.form-select,
.modal-dialog,
.form-control,
.card, 
.btn, 
.rounded, 
.alert{
	border-radius: 10px !important;
}
.hl-image{
	border: 5px white solid; 
	border-radius: 10px; 
	width: 100%; 
}
.massive-text{
	font-size: 540px;
	font-family: SSP-B;
}
@media (max-width: 1000px){
	.massive-text{
		font-size: 270px !important;
	}
}
@media (max-width: 700px){
	.massive-text{
		font-size: 180px !important;
	}
	.cloudseeker-card{
		zoom: 0.7;
		width: 470px !important; 
	}
	.cloudseeker-card-inner{
		width: 450px !important;
	}
	.alert-mascot{
		padding-left: 80px !important;
	}
}
.alert-mascot-mascot{
	width: 72px;
	height: 72px;
	position: absolute;
	left: 0;
	top: -5px;
}
@keyframes cloudseeker{
	0%{
		background: #66FFCC;
	}
	25%{
		background: #5BC6FF;
	}
	50%{
		background: #ff8dfc;
	}
	75%{
		background: #5BC6FF;
	}
	100%{
		background: #66FFCC;
	}
}
@keyframes shake {
	0%   { transform: translate(0, 0) rotate(0deg); }
	10%  { transform: translate(-3px, -2px) rotate(-2deg); }
	20%  { transform: translate(3px, 2px) rotate(2deg); }
	30%  { transform: translate(-2px, 3px) rotate(1deg); }
	40%  { transform: translate(2px, -3px) rotate(-1deg); }
	50%  { transform: translate(-4px, 2px) rotate(1deg); }
	60%  { transform: translate(4px, -2px) rotate(-1deg); }
	70%  { transform: translate(-2px, 1px) rotate(2deg); }
	80%  { transform: translate(2px, -1px) rotate(-2deg); }
	90%  { transform: translate(-1px, 2px) rotate(1deg); }
	100% { transform: translate(0, 0) rotate(0deg); }
}
.shaking{
	animation: shake 0.3s infinite;
}
.low-taper-fade{
        animation-name: cloudseeker;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
}
@keyframes heroic{
	0% {
		background-position: top;
	}
	100% {
		background-position: bottom;
	}
}
.special-image{
	padding: 10px;
	animation-name: heroic;
	background-image: linear-gradient(to bottom, #66FFCC, #5BC6FF, #ff8cfc, #66FFCC, #5BC6FF, #ff8cfc);
	background-size: 200% 250%;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	border: 0;
	border-radius: 10px;
	display: block;
	margin: 0 auto;
}
.cloudseeker-card{
	width: 620px; 
	height: 350px;
}
.cloudseeker-card-inner{
	width: 600px;
	height: 330px;
	padding: 10px;
	position: relative;
}