@font-face {
    font-family: 'infiniregular';
    src: url( 'infini-romain-webfont.woff2' ) format( 'woff2' );
    font-weight: normal;
    font-style: normal;
}

html, * {
    font-family: 'infiniregular' !important;
}

body {
	background:
		url(../img/ships.webp),
		linear-gradient(180deg, #FFB7B7 0%, #727272 100%), 
		radial-gradient(60.91% 100% at 50% 0%, #FFD1D1 0%, #260000 100%), 
		linear-gradient(238.72deg, #FFDDDD 0%, #720066 100%), 
		linear-gradient(127.43deg, #00FFFF 0%, #FF4444 100%), 
		radial-gradient(100.22% 100% at 70.57% 0%, #FF0000 0%, #00FFE0 100%), 
		linear-gradient(127.43deg, #B7D500 0%, #3300FF 100%);
	background-blend-mode: 
		multiply,
		screen, 
		overlay, 
		hard-light, 
		color-burn, 
		color-dodge, 
		normal;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: center center;
    background-size: cover;
}

.front-text {
    width: 324px;
    padding: 12px;
    border: 1px solid #005401;
    border-radius: 4px;
    background: white;
    box-shadow: 4px 4px 12px #000000;
}

#donate-button{
	width: calc(100% - 24px);
	text-align: center;
	margin: 0 auto;
	border: 1px solid #00573d;
	border-radius: 8px;
}

#hero-pic {
	display: none;
	position: absolute;
	z-index: 1;
}

.column-2 {
	height: calc( 100vh - 10.25rem ); display: flex; align-items: center; flex: 0 1 auto;
}

header, footer {
	display:  none;
}