styles.css

.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.menu li {
    display:inline-block
}

.menu a {
    display: block;
    padding: 8px;
    background-color: #DBD6DA;
    font-size: 150%;
    text-decoration: none;
}
.menu a:link, .menu a:visited {
    color: white;
}
.menu a:active{
    color: #FF9AA2;
}
.menu a:hover {
    color: #FF9AA2;
}
body {
    margin:0;
    padding:0;
    height:100%;


    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: top;
    background-image:url(img/background.jpg);
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}


h1 {
    text-align: center;
    width: 10%;
    margin:0 auto;
    margin-bottom: 20px;
    background-color: #DBD6DA;
    border: 1px solid black;
}
/*html {
    background: url(img/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;ccc
    -o-background-size: cover;
    background-size: cover;
}*/
*{
    font-family: Verdana;
    color:white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}
.profile{
    float: left;
    width: 80%;
    height: 80%;
    padding-top: 20px;
    padding-left: 35px;
    padding-right: 20px;
    vertical-align: center;

}
.section_profile{
    margin-top: 20px;
    vertical-align: top;
    display: inline-block;
    text-align: center;

    height: max-content;
    width: 350px;
    float: left;
    overflow: hidden;
    background-color: #DBD6DA;
    border: 1px solid black;
}
#section_about{
    float:right;
    width: 70%;
    height: 630px;
    margin-top: 20px;


}
.section_profile_text{

    background:#DBD6DA;
    margin-top: 550px;
}
#header_name{
    text-align: center;
    /*border: 1px solid red; */
    width: 25%;
    margin:0 auto;
    margin-bottom: 20px;
    background-color: #DBD6DA;
    border: 1px solid black;
}
#personality_traits{
    list-style-type: square;
    float:left;
    text-align: left;
    list-style-position: inside;
}
#personality_traits li{
    padding-top: 5px;
    padding-left: 5px;
}
#quote{
    border: 1px solid black;
    float: left;
    font-style: italic;
    font-size: xx-large;
    margin-top: 43px;
    background-color: #DBD6DA;
}
#timetable{
    background-color: #DBD6DA;
    border-collapse: collapse;
}

#timetable td{
    text-align: center;
    height: 50px;
    border: 1px solid black;

}
#table_header td{
    width: 100px;

}
#table_legend{
    font-size: large;
    list-style: none;
}
#pr::before{
    content: "\2022";
    color: #FF9AA2;
}
.pr{
    background-color: #FF9AA2;
}
#konz::before{
    content: "\2022";
    color: #B5EAD7;
}
.konz{
    background-color: #B5EAD7;
}.menu {
     list-style-type: none;
     margin: 0;
     padding: 0;
     text-align: center;
 }
.menu li {
    display:inline-block
}

.menu a {
    display: block;
    padding: 8px;
    background-color: #DBD6DA;
    font-size: 150%;
    text-decoration: none;
}
.menu a:link, .menu a:visited {
    color: white;
}
.menu a:active{
    color: #FF9AA2;
}
.menu a:hover {
    color: #FF9AA2;
}
body {
    margin:0;
    padding:0;
    height:100%;


    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: top;
    background-image:url(img/background.jpg);
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}


h1 {
    text-align: center;
    width: 10%;
    margin:0 auto;
    margin-bottom: 20px;
    background-color: #DBD6DA;
    border: 1px solid black;
}
/*html {
    background: url(img/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;ccc
    -o-background-size: cover;
    background-size: cover;
}*/
*{
    font-family: Verdana;
    color:white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}
.profile{
    float: left;
    width: 80%;
    height: 80%;
    padding-top: 20px;
    padding-left: 35px;
    padding-right: 20px;
    vertical-align: center;

}
.section_profile{
    margin-top: 20px;
    vertical-align: top;
    display: inline-block;
    text-align: center;

    height: max-content;
    width: 350px;
    float: left;
    overflow: hidden;
    background-color: #DBD6DA;
    border: 1px solid black;
}
#section_about{
    float:right;
    width: 70%;
    height: 630px;
    margin-top: 20px;


}
.section_profile_text{

    background:#DBD6DA;
    margin-top: 550px;
}
#header_name{
    text-align: center;
    /*border: 1px solid red; */
    width: 25%;
    margin:0 auto;
    margin-bottom: 20px;
    background-color: #DBD6DA;
    border: 1px solid black;
}
#personality_traits{
    list-style-type: square;
    float:left;
    text-align: left;
    list-style-position: inside;
}
#personality_traits li{
    padding-top: 5px;
    padding-left: 5px;
}
#quote{
    border: 1px solid black;
    float: left;
    font-style: italic;
    font-size: xx-large;
    margin-top: 43px;
    background-color: #DBD6DA;
}
#timetable{
    background-color: #DBD6DA;
    border-collapse: collapse;
}

#timetable td{
    text-align: center;
    height: 50px;
    border: 1px solid black;

}
#table_header td{
    width: 100px;

}
#table_legend{
    font-size: large;
    list-style: none;
}
#pr::before{
    content: "\2022";
    color: #FF9AA2;
}
.pr{
    background-color: #FF9AA2;
}
#konz::before{
    content: "\2022";
    color: #B5EAD7;
}
.konz{
    background-color: #B5EAD7;
}
#cv::before{
    content: "\2022";
    color:#C7CEEA;
}
.cv{
    background-color: #C7CEEA;
}
#free::before{
    content: "\2022";
    color: #DBD6DA;
}
#cv_obsah{
    margin-top: 20px;
    width: 50%;
    height: max-content;
    float: left;
    background-color: #00FF00;
    margin-left: 150px;
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid black;
}

#cv_err_img{
    width: 70%;
    height: 70%;


}
#vzdelanie{
    list-style: none;

}
#vzdelanie li::before{
    content: "\2022";
    color: black;
}
#footer{
    float:right;
    width:100%;
    height:60px;   /* Height of the footer */
}
#skills{
    margin-top: -20px;
    float:left
}
#skills a{
    margin-left: 75px;
    float: left;
}
#skills_points{
    margin-top: -20px;
    float:right
}
#skills_points a{
    margin-right: 50px;
    float: left;
}
#jazyky{
    margin-top: -20px;
    float:left

}
#jazyky a{
    margin-left: 75px;
    float: left;
}
#jazyky_points{
    margin-top: -20px;
    float:right
}
#jazyky_points a{
    margin-right: 93px;
    float: left;
}
#cv::before{
    content: "\2022";
    color:#C7CEEA;
}
.cv{
    background-color: #C7CEEA;
}
#free::before{
    content: "\2022";
    color: #DBD6DA;
}
#cv_obsah{
    margin-top: 20px;
    width: 50%;
    height: max-content;
    float: left;
    background-color: #00FF00;
    margin-left: 150px;
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid black;
}

#cv_err_img{
    width: 70%;
    height: 70%;


}
#vzdelanie{
    list-style: none;

}
#vzdelanie li::before{
    content: "\2022";
    color: black;
}
#footer{
    float:right;
    width:100%;
    height:60px;   /* Height of the footer */
}
#skills{
    margin-top: -20px;
    float:left
}
#skills a{
    margin-left: 75px;
    float: left;
}
#skills_points{
    margin-top: -20px;
    float:right
}
#skills_points a{
    margin-right: 50px;
    float: left;
}
#jazyky{
    margin-top: -20px;
    float:left

}
#jazyky a{
    margin-left: 75px;
    float: left;
}
#jazyky_points{
    margin-top: -20px;
    float:right
}
#jazyky_points a{
    margin-right: 93px;
    float: left;
}