html, body {
height: 100%;
margin:0;
}
body {
background-color:#81CAE9;
}
#navigation {
position:relative;
width:100%;
left:0px;
top:20px;
font-family: 'Homemade Apple', cursive;
font-weight: 500;
line-height:30px;
padding-top:4px;
padding-bottom:6px;
padding-left:0px;
overflow:hidden;
text-align:center;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;opacity:0.6;
}
#navigation A:link {
text-decoration: none;
color:#DF588D;
font-size: 17px;
letter-spacing:1px;
font-family: "Gabriela", serif;
font-weight: 300;
padding-top:10px;
padding-bottom:10px;
padding-left:27px;
padding-right:27px;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#navigation A:visited {
text-decoration: none;
color:#DF588D;
font-size: 17px;
letter-spacing:1px;
font-family: "Gabriela", serif;
font-weight: 300;
font-weight: 500;
padding-top:10px;
padding-bottom:10px;
padding-left:27px;
padding-right:27px;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#navigation A:active {
text-decoration: none;
color:#DF588D;
font-size: 17px;
letter-spacing:1px;
font-family: "Gabriela", serif;
font-weight: 300;
font-weight: 500;
padding-top:10px;
padding-bottom:10px;
padding-left:27px;
padding-right:27px;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#navigation A:hover {
text-decoration: none;
color:#41B4D3;
font-size: 17px;
letter-spacing:1px;
font-family: "Gabriela", serif;
font-weight: 300;
font-weight: 500;
padding-top:10px;
padding-bottom:10px;
padding-left:27px;
padding-right:27px;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
opacity:0.7;background-color:#F8AF70;
}
#header {
position: relative;
/* center the element */
right: 0;
left: 0;
top:70px;
margin-right: auto;
margin-left: auto;
/* give it dimensions */
width: 1067px;
height: 642px;
background-image: url(img/header.jpg);
background-repeat: no-repeat;border-radius:70px 70px 0px 0px;
}
@media only screen and (max-width:767px){
.header{
text-align: center;
}
}
#footer{
position: relative;
font-family: 'Playfair Display', sans-serif!important;
font-weight: 400!important;
text-transform:none;
text-align:center;
font-size:12px;
padding:20px;
line-height:70px;
color: #E5F4F4;
}
#footer a:link {
font-family: 'Roboto', sans-serif!important;
font-weight: 400!important;
text-transform:none;
text-align:center;
font-size:12px;
line-height:13px;
color: #000000;
}
#footer a:hover {
font-family: 'Roboto', sans-serif!important;
font-weight: 400!important;
text-transform:none;
text-align:center;
font-size:12px;
line-height:13px;
color: #E5F4F4;
}
#footer a:visited {
font-family: 'Roboto', sans-serif!important;
font-weight: 400!important;
text-transform:none;
text-align:center;
font-size:12px;
line-height:13px;
color: #000000;
}
a:link {
text-decoration: none;
color:#41B4D3;
font-size: 19px;
font-family: "Gabriela", serif;
font-weight: 100!important;
letter-spacing:4px;
padding:3px;
line-height:5px;
font-style:none;
opacity: 0.9;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}
a:visited {
text-decoration: none;
color:#41B4D3;
font-size: 19px;
font-family: "Gabriela", serif;
font-weight: 100!important;
letter-spacing:4px;
padding:3px;
line-height:5px;
font-style:none;
opacity: 0.9;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}
a:active {
text-decoration: none;
color:#41B4D3;
font-size: 19px;
font-family: "Gabriela", serif;
font-weight: 100!important;
letter-spacing:4px;
padding:3px;
line-height:5px;
font-style:none;
opacity: 0.9;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}
a:hover {
text-decoration: none;
color:#D95488;
font-size: 19px;
font-family: "Gabriela", serif;
font-weight: 100!important;
letter-spacing:4px;
padding:3px;
line-height:5px;
font-style:none;
opacity: 0.9;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
opacity:0.7;}
b {
color: #D95488;
line-height:33px;
font-size:19px; letter-spacing:4px;
font-family: "Gabriela", serif;}
i {
color: #42AEC6;
line-height:33px;
font-size:19px; font-family: "Gabriela", serif; letter-spacing:4px;
}
#content {
margin-top:60px;padding-bottom:5px;
position: relative;
float: center;
width:1067px;
}
.contentx{
background-image: url(img/bg.jpg);
border-radius:0px 0px 70px 70px;
background-repeat:repeat;
padding:34px;
margin-left:0px;
margin-right:0px;
line-height:33px;
font-size:17px;
font-family: "Gabriela", serif;
font-weight: 400!important;
text-align:justify;
color:#4A4559;
margin-bottom:20px;
text-shadow: 0px 1px 0px #ffffff;
}
blockquote {
background-color:#CCC8D6;
padding: 8px;
text-align:justify;
color:#4A4559;
font-style:italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;opacity:0.7;}
h1 {
color:#DF588D;
letter-spacing:1px;
font-family: 'Homemade Apple', cursive;
font-size:36px;
padding:10px;}
input,
textarea,
select {
width: 80%;
padding: 20px 20px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #ffffff !important;
color: #42AEC6;
border: 1px solid rgba(194,178,128,0.18);
border-radius: 18px;
font-family: 'Georgia', serif;
font-size: 14px;
letter-spacing: 1px;
line-height:2.7;
outline: none;
box-sizing: border-box;
transition:
border-color 0.35s ease,
background 0.35s ease,
box-shadow 0.35s ease,
transform 0.35s ease;
}