body, html {
    height: 100%;
}

body {
    background-color: #000044;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='objectBoundingBox' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2338F' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23018' stop-opacity='.5'/%3E%3C/linearGradient%3E%3Cpath id='b' d='M0 0h1000l-1000 1000h-1000z'/%3E%3Cpath id='c' d='M0 0h1000l-500 500h-250l-500 500h-750z'/%3E%3Cpath id='d' d='M0 0h1000l-1000 1000h1000l-500 500h-2000z'/%3E%3C/defs%3E%3Cg transform='rotate(0 1000 750)'%3E%3Cg style='transform-origin:center'%3E%3Cg fill-opacity='.3' fill='url(%23a)'%3E%3Cuse href='%23d' x='800' y='-700' transform='scale(1.5)' /%3E%3Cuse href='%23d' x='1150'/%3E%3Cuse href='%23c' x='100' y='750'/%3E%3Cg fill-opacity='.3'%3E%3Cuse href='%23c' x='2350' y='-200'/%3E%3Cuse href='%23c' x='-250' y='100' transform='rotate(180 500 500)'/%3E%3Cuse href='%23c' x='-1100' y='-500' transform='rotate(180 500 500)'/%3E%3Cuse href='%23d' x='1600' y='250'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn {
    padding: 12px 32px;
}