:root {
    /* Palette URL: http://paletton.com/#uid=53x0h0kllll++0Dw0a+aGvG00Z6 */
    --color-2-0: #000203;
    --color-1-0: #042138;
    --color0-0: #29506D;
    --color1-0: #708CA2;
    --color2-0: #FAFAFA;

    --dark-background-color-alt1: #000103;
    --light-background-color-alt1: #06153B;
    --medium-color-alt1: #2F4172;
    --dark-foreground-color-alt1: #7885AA;
    --light-foreground-color-alt1: #FAFAFA;

    --dark-background-color-alt2: #000303;
    --light-background-color-alt2: #003533;
    --medium-color-alt2: #226765;
    --dark-foreground-color-alt2: #669997;
    --light-foreground-color-alt2: #F9F9F9;

    /* use darkomode colors */
    --dark-background-color: var(--color-2-0); /*->main-background-color*/
    --light-background-color: var(--color-1-0);
    --medium-color: var(--color0-0);
    --dark-foreground-color: var(--color1-0);
    --light-foreground-color: var(--color2-0);
}

html {
    color: var(--light-foreground-color);
    height: 100%;
    overflow-y: scroll;
}
body{
    margin:0;
    padding: 100px 0 0;
    font-family: calibri;
    background-color:var(--light-background-color);
    color:var(--light-foreground-color);
}
*{
    box-sizing: border-box;
}
ul{
    list-style: none;
}
a[href]{
    text-decoration: underline; /*none/underline;*/
    color: var(--light-foreground-color);
}
header a[href], footer a[href]{
    text-decoration: none;
    color: var(--light-foreground-color);
}
.main{
    width:100%;
    /*height:100vh;*/
    min-height:100%;
    /*background-image: url(../images/poduct\ bg.png);*/
    background-size: cover;
    background-position: top left;
    position: relative;
}
.logo img{
    height: 20px;
}
nav{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 10px 30px;
    background-color:var(--dark-background-color);
    /*box-shadow: 2px 2px 20px rgba(90,118,253,0.13);*/
    z-index: 1;
    width:100%;
    position: fixed;
    left: 0;
    right: 0px;
    top: 0;
}
nav ul{
    display: flex;
    margin:0px;
    padding: 0px;
}
nav ul li a{
    height:40px;
    line-height: 43px;
    margin: 8px;
    padding: 0px 22px;
    display: flex;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 400;
    color:var(--light-foreground-color);
    letter-spacing: 1px;
}
nav ul li a:hover{
    background-color: var(--medium-color);
    color: ;
    box-shadow: 5px 10px 30px var(--medium-color); 
    transition: all ease 0.2s;
}
.home-content{
    color: var(--light-foreground-color);
    width:900px;
    margin:20px auto; /*20px;*/
    display: flex;
    align-items: center;
    max-width:98%;
}
home-content div{
    color: var(--light-foreground-color)
}
.home-text{
    width:500px;
    margin:0 auto;
    padding-left: 10px;
    padding-right: 10px;
}
.home-text h1{
    font-size: 3.5rem;
    line-height:  55px;
    color:var(--dark-foreground-color);
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0px;
}
.home-text h2{
    font-size: 2.0rem;
    line-height:  30px;
    color:var(--dark-foreground-color);
    letter-spacing: 1px;
    font-weight: 500;
    margin: 0px;
}
.home-text p{
    font-size: 1rem;
    color: var(--light-foreground-color);
}
#container{
    min-height:100%;
    position:relative;
}
footer{
    /*display: flex;
    align-items: center;*/
    position:relative;
    /*justify-content: space-around;*/
    padding: 10px 30px;
    width:100%;
    bottom:0;
    height:60px;
    /*position: fixed;
    left: 0;
    right: 0px;
    top: 0;*/
    background-color: var(--dark-background-color);
    color: var(--light-foreground-color);
}
.timing{
    position: absolute;
    left:20%;
    bottom: 10px;
    transform: translateX(-20%);
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.scroll{
    position: absolute;
    bottom: 0;
    right:55px;
    font-weight: 600;
}

.cv-title{
    color: var(--dark-foreground-color);
    width:900px;
    margin:0 auto; /*20px;*/
    font-size: 1.4rem;
}
.cv-entry{
    color: var(--light-foreground-color);
    width:900px;
    margin:0 auto;
}
.cv-date{
    font-weight: bold;
    width:150px;
    margin:20px;
    position: relative;
}
.cv-descr1{
    font-weight: normal;
    width:600px;
    margin:2px;
    position: absolute;
    left: 150px;
    top: 0;
    /*border: 3px solid var(--medium-color);*/
}
.cv-descr2{
    font-weight: normal;
    width:600px;
    margin:2px;
    position: relative;
    left: 150px;
    top: 0;
    /*border: 3px solid var(--medium-color);*/
}
.publication{
    width:900px;
    margin:0 auto;
    top: 10px;
    padding: 10px 0;
    max-width: 98%;
}
me{
    font-weight: bold;
}
.contact{
    width:900px;
    margin:0 auto;
    top: 10px;
    padding: 10px 0;
    max-width: 98%;
}
h1{
    color:var(--dark-foreground-color);
}
h2{
    color:var(--dark-foreground-color);
}