<style type="text/css">

body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

body {
background: linear-gradient(#000000, #021121, #000000);
background-size: cover;
background-position: center;
}






.gular {
height: auto;
width: 80%;
min-width: 350px;
border-radius: 20px 20px 20px 20px;
}

@font-face {
font-family: "aimoreserif";
src: url("fonte/aimoreserif.woff");
font-weight: normal;
}

@font-face {
font-family: "aimoregothic";
src: url("fonte/aimoregothiclight.woff");
font-weight: normal;
}

@font-face {
font-family: "aimoregothic";
src: url("fonte/aimoregothic.woff");
font-weight: bold;
}

@font-face {
font-family: "krigg";
src: url("fonte/krigg.woff");
font-weight: normal;
}

@font-face {
font-family: "krigg";
src: url("fonte/kriggbold.woff");
font-weight: bold;
}

@font-face {
font-family: "alcalino";
src: url("fonte/alcalino.woff");
font-weight: normal;
}

@font-face {
font-family: "alcalino";
src: url("fonte/alcalinobold.woff");
font-weight: bold;
}

@font-face {
font-family: "herrero";
src: url("fonte/herrero.woff");
font-weight: normal;
}

@font-face {
font-family: "herrero";
src: url("fonte/herrerobold.woff");
font-weight: bold;
}

h1 {
font-family: "aimoreserif";
font-size: 70px;
color: #70007a;
text-shadow: 0px 3px 3px #dbdbdb;
}

h2 {
font-family: "aimoregothic";
font-size: 30px;
color: #9000d3;
}

p {
line-height: 110%;
}

.aa {
font-family: "alcalino";
font-size: 24px;
color: #56008d;
}

.bb {
font-family: "alcalino";
font-size: 16px;
color: #002647;
}

.cc {
font-family: "aimoreserif";
font-size: 20px;
color: #000000;
}

.dd {
font-family: "alcalino";
font-size: 20px;
color: #56008d;
}

.ee {
font-family: "alcalino";
font-size: 18px;
}

div {
}

a:link {
text-decoration: none;
}

.herrero {
display: table;
width: 100%;
padding: 10px;
}

.aquiles1 {
display: table-cell;
text-align: center;
vertical-align: top;
width: 220px;
padding: 10px;
}

.aquiles2 {
display: table-cell;
}

.aimore1 {
display: table;
width: 60%;
padding: 15px;
background-color: #e8e7c3;
border-radius: 17px;
-webkit-border-radius: 17px;
box-shadow: 0px 3px 3px #66581F, 0px 3px 3px #f7cf08;
-webkit-box-shadow: 0px 3px 3px #66581F, 0px 3px 3px #f7cf08;
background: linear-gradient(#fefae6, #fdf1b5);
}

.aimore2 {
display: table;
width: 100%;
padding: 15px;
background-color: #e8e7c3;
border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 3px 3px #66581F, 0px 3px 3px #f7cf08;
-webkit-box-shadow: 0px 3px 3px #66581F, 0px 3px 3px #f7cf08;
background: linear-gradient(#fdf1b5, #fefae6);
}

.alcalino1 {
display: table;
width: 60%;
padding: 15px;
background-color: #c8ffb3;
border-radius: 17px;
-webkit-border-radius: 17px;
box-shadow: 0px 3px 3px #1f6626, 0px 3px 3px #c8ffb3;
-webkit-box-shadow: 0px 3px 3px #1f6626, 0px 3px 3px #c8ffb3;
background: linear-gradient(#edffe6, #c8ffb3);
}

.alcalino2 {
display: table;
width: 100%;
padding: 15px;
background-color: #c8ffb3;
border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 3px 3px #1f6626, 0px 3px 3px #c8ffb3;
-webkit-box-shadow: 0px 3px 3px #1f6626, 0px 3px 3px #c8ffb3;
background: linear-gradient(#c8ffb3, #edffe6);
}

.liu1 {
display: table;
width: 60%;
padding: 15px;
background-color: #d8e2f4;
border-radius: 17px;
-webkit-border-radius: 17px;
box-shadow: 0px 3px 3px #1f4e66, 0px 3px 3px #d8e2f4;
-webkit-box-shadow: 0px 3px 3px #1f4e66, 0px 3px 3px #d8e2f4;
background: linear-gradient(#e6f5ff, #ccebff);
}

.liu2 {
display: table;
width: 100%;
padding: 15px;
background-color: #d8e2f4;
border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 3px 3px #1f4e66, 0px 3px 3px #d8e2f4;
-webkit-box-shadow: 0px 3px 3px #1f4e66, 0px 3px 3px #d8e2f4;
background: linear-gradient(#ccebff, #e6f5ff);
}

.krigg1 {
display: table;
width: 60%;
padding: 15px;
background-color: #e5d8f4;
border-radius: 17px;
-webkit-border-radius: 17px;
box-shadow: 0px 3px 3px #5d1f66, 0px 3px 3px #e5d8f4;
-webkit-box-shadow: 0px 3px 3px #5d1f66, 0px 3px 3px #e5d8f4;
background: linear-gradient(#e3dbf0, #d4c9e9);
}

.krigg2 {
display: table;
width: 100%;
padding: 15px;
background-color: #e5d8f4;
border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 3px 3px #5d1f66, 0px 3px 3px #e5d8f4;
-webkit-box-shadow: 0px 3px 3px #5d1f66, 0px 3px 3px #e5d8f4;
background: linear-gradient(#d4c9e9, #e3dbf0);
}

.bergen1 {
display: table;
width: 60%;
padding: 15px;
background-color: #eedac9;
border-radius: 17px;
-webkit-border-radius: 17px;
box-shadow: 0px 3px 3px #66451f, 0px 3px 3px #eedac9;
-webkit-box-shadow: 0px 3px 3px #66451f, 0px 3px 3px #eedac9;
background: linear-gradient(#fceacf, #fbe0b6);
}

.bergen2 {
display: table;
width: 100%;
padding: 15px;
background-color: #eedac9;
border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 3px 3px #66451f, 0px 3px 3px #eedac9;
-webkit-box-shadow: 0px 3px 3px #66451f, 0px 3px 3px #eedac9;
background: linear-gradient(#fbe0b6, #fceacf);
}

</style>