@charset "utf-8";

body {
    font-size: 1em;
    color: rgba(143,39,82,1.00);
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-family: 'Alef', sans-serif;
    background-color: #380047;
    }

#container {
    width: 950px;
    background-color: #EBEBEB;
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 35px;
    border: 10px dotted rgba(1,113,143,1.00);
    display: block;
    margin-top: 35px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 35px;
    border-radius: 55px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(188,188,188,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(188,188,188,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(188,188,188,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(188,188,188,1.00) 100%);
    background-attachment: fixed;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(130,130,130,1.00);
    box-shadow: 0px 0px 10px 5px rgba(130,130,130,1.00);
    opacity: 1;
    background-clip: padding-box;
}
header h1 a  {
    font-weight: normal;
    font-size: 2em;
    color: #B100FF;
    font-family: 'Alef', sans-serif;
    font-family: 'Pacifico', cursive;
    font-style: italic;
    line-height: 87pt;
    text-align: left;
    text-decoration: none;
    text-shadow: -2px 2px 7px rgba(130,130,130,1.00);
    text-transform: capitalize;
    white-space: nowrap;
}

header p {
    color: #5B5B5B;
    font-style: normal;
    font-size: 13pt;
}
h1  {
    font-style: normal;
    font-weight: bold;
    font-size: 2.5em;
    color: #01718F;
    padding-left: 16px;
}
#mainImg  {
    display: block;
    float: right;
    /* [disabled]padding-right: 35px; */
    /* [disabled]padding-left: 0px; */
    margin-top: -170px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 25px;
    border-left: 10px solid #01718F;
    border-right-width: 0px;
    border-bottom: 8px solid #01718F;
    border-top-width: 0px;
    border-radius: 103px 0px;
    /* [disabled]padding-top: 0px; */
    /* [disabled]padding-bottom: 0px; */
    width: 230px;
    -webkit-box-shadow: 1px 3px 6px 0px rgba(166,166,166,1.00);
    box-shadow: 1px 3px 6px 0px rgba(166,166,166,1.00);
    height: 390px;
}
h3 {
    font-style: normal;
    font-size: 16pt;
}


h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 23pt;
    color: #8D00CB;
}
#container aside {
    background-image: -webkit-linear-gradient(270deg,rgba(212,225,212,1.00) 0%,rgba(162,124,255,0.49) 100%), url(assets/images/Ocean-Underwater_(silas-baisch-K785Da4A_JA-unsplash)
.jpg);
    background-image: -moz-linear-gradient(270deg,rgba(212,225,212,1.00) 0%,rgba(162,124,255,0.49) 100%), url(assets/images/Ocean-Underwater_(silas-baisch-K785Da4A_JA-unsplash)
.jpg);
    background-image: -o-linear-gradient(270deg,rgba(212,225,212,1.00) 0%,rgba(162,124,255,0.49) 100%), url(assets/images/Ocean-Underwater_(silas-baisch-K785Da4A_JA-unsplash)
.jpg);
    background-image: linear-gradient(180deg,rgba(212,225,212,1.00) 0%,rgba(162,124,255,0.49) 100%), url(assets/images/Ocean-Underwater_(silas-baisch-K785Da4A_JA-unsplash)
.jpg);
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    border: 6pt double #C3C3C3;
    background-color: rgba(255,255,255,0.41);
    background-clip: padding-box;

}
aside h1 {
    font-style: normal;
    font-size: 23pt;
    font-weight: bold;
    color: #8D00CB;
}
aside h2 {
    font-style: normal;
    font-size: 16pt;
}


li a:link  ,   li a:visited{
    color: #01718F;
}



li a:hover ,   li a:active{
    color: #FF00AE;
}
footer h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 20pt;
    color: #8D00CB;
}
footer ul li a {
    font-weight: bold;
}
footer p a  {
    font-size: 10pt;
    display: block;
    float: right;
    margin-top: -35px;
    margin-right: 21px;
    font-weight: bold;

}

footer p a:link    , li a:visited{
    color: #01718F;
}
footer p a:hover    , li a:active{
    color: #FF00AE;
}
