@font-face {
    font-family: nulshockbd;
    src: url('fonts/nulshock_bd.ttf') format('truetype'); 
}

@font-face {
    font-family: sonysketch;
    src: url('fonts/Sony_Sketch_1.ttf') format('truetype');
}

body {
    background-color: white;
    color: #606060;;
    font-family: 'sonysketch', Arial, Helvetica, sans-serif;
    font-size: 1.3em;
}

a:link {
    color: #3D7D2B;
    text-decoration: none;
}

a:visited {
    color: #3D7D2B;
    text-decoration: none;
}

a:hover {
    color: #69BD45;
    text-decoration: underline;
}

a:active {
    color: #606060;
    text-decoration: underline;
}

h1 {
    font-family: 'sonysketch', Arial, Helvetica, sans-serif;
}

h2 {
    font-family: 'sonysketch', Arial, Helvetica, sans-serif;
}

/*div {
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 60px;
    margin-left: auto;
}*/

.title {
	color: #1A5C81;
	font-style: italic;
	font-size: 1.5em;
}

.wrapper {
    width: 90%;
    
    margin: auto;
    padding: 40px;
    display: flex;
}

.message {
    /*background-color: blueviolet;*/
    
    text-align: center;
    font-style: italic;
    font-size: 2em;
    margin: auto auto;
    padding: 1em 0;
    border: 1px solid #606060;
    border-radius: 12px;
    width: 25%;
    float: left;
}

.table {
	padding-top: 0.3em;
	padding-bottom: 1em;
	font-size: 1em;
}

table, td {
	border: 2px solid #606060;
	border-collapse: collapse;
	padding: 0.3em 1.2em;
}

.tableheader {
	text-align: center;
}

#preview {
    /*background-color: coral;*/
    
    text-align: center;
    margin: auto auto;
    margin-left: 15%;
    
    width: 55%;
    float: right;
}

.footer {
    background-color: #1A5C81; /*#1A5C81 #6B6C6C #69BD45 #0E1128*/
    background-image: linear-gradient(#0E1128, #1A5C81);
    color: #E3E4E5; /*#606060 #E3E4E5*/
    z-index: 10;
    
    margin: 0 0 10px 0;
    list-style-type: none;
    text-align: center;
    font-size: 1.4em;
    padding: 40px 20px;

    position: -webkit-sticky;
    position: sticky;
    bottom: 10px;
}

.footer span{
    padding: 20px 7%;
}

/*.footer img {
    float: left;
}*/

#footerlogo {
    float: left;
}

.footer a:link {
    color: #E3E4E5;
    text-decoration: none;
}

.footer a:visited {
    color: #E3E4E5;
    text-decoration: none;
}

.footer a:hover {
    color: #E3E4E5;
    text-decoration: underline;
}

.footer a:active {
    color: #606060;
    text-decoration: underline;
}

.section {
    padding-bottom: 20px;
}