.bodycolor {
    background-color:#333333;
}

.Main
{
    margin-top:25px;
}

.MainWithMargin
{
    margin-top:25px;
    margin-left:5%;
    margin-right:5%;
}

.MainWithoutMargin
{
    margin-top:25px;
    margin-left:0%;
    margin-right:0%;
}

.leftImage
{
    margin-left:5%;
    width:28%;
}

.middleImage
{
    width:28%;
    margin-left:36%;
}

.rightImage
{
    margin-left:67%;
    width:28%;
}

.homepageBody
{
    background-color:#f7f7f7;
}

.topBar
{
    width:calc(64%);
    height:310px;
    border:5px;
    border-style:solid;
    border-color:#11ACAB;
    position:absolute;
    margin-left:calc(18% - 5px);
    margin-top:-5px;
    z-index:-1;
    border-radius:155px;
    
}

.topPersonalData
{
    margin-left:18%;
}

.myName
{
    margin-top:-235px;
    margin-left:350px;
    font-size:50pt;
    font-family:Verdana;
}

.mySecondaryInfo
{
    margin-top:-20px;
    margin-left:355px;
    font-size:20pt;
    font-family:Verdana;
    color:#888888;
}

.centralPersonalData
{
    margin-left:13%;
    margin-right:13%;
    margin-top:160px;
}

.projectsArea
{
    margin-left:13%;
    margin-right:13%;
    margin-top:0px;
}

.cvArea
{
    margin-left:13%;
    margin-right:13%;
    margin-top:0px;
}

.cvTitle
{
    width:auto;
    font-size:20pt;
    text-align:center;
    border-radius:4px;
    background-color:#11ACAB;
    color:white;
    white-space:nowrap;
}

.contactsArea
{
    margin-left:13%;
    margin-right:13%;
    margin-top:0px;
}

.paragraphTitle
{
    font-size:30pt;
    margin-top:40px;
    border-bottom:solid;
    border-color:#11ACAB;
    width:initial;
    display:inline-block;
}

.paragraph
{
    font-size:15pt;
    color:#888888;
}

.myMenu
{
    margin-left:12%;
    list-style-type:none;
    margin-top:10px;
    margin-bottom:100px;
}

.myMenuItem
{
    margin-left:60px;
    padding-left:20px;
    font-size:18pt;
    text-align:center;
}

.CentralLogoAutoWidth
{
    width:calc(65% - 300px);
}

.elementActive
{
    background-color:#11ACAB;
    color:white;
}

.elementHover
{
    background-color:#22BDBC;
    color:black;
}

.elementPassive
{
    background-color:#f7f7f7;
    color:black;
}

.footer
{
    width:100%;
    background-color:#bbb;
}

.footerFade
{
    height:50px; 
    background:linear-gradient(to bottom, #bbb,#f7f7f7); 
    margin-top:-10px;
}

.footerText
{
    text-align:right;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
}