body {
    font-family: "Kanit Regular";
    border-top-left-radius: 0px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    padding-left: 80px;
    padding-right: 80px;
    margin-right: 50px;
    margin-left: 50px;
    background-image: url(enginer_background_jpg_file.jpg);
    background-attachment: fixed;
}
body #head_shot_personal_img {
    border-radius: 32px 218px 86px 123px;
    -webkit-box-shadow: 0px 0px 8px;
    box-shadow: 0px 0px 8px;
    margin-bottom: 20px;
    float: right;
}
body header h1 {
    text-align: center;
    font-family: "BebasNeue Regular";
    font-size: 110px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 8px;
    background-color: #980305;
    -webkit-box-shadow: 0px 0px 12px #000000;
    box-shadow: 0px 0px 12px #000000;

}
body header p {
    text-decoration: none;
    text-align: left;
    font-weight: 600;
    text-indent: 0px;
    padding-right: 71px;
    padding-top: 0px;
    padding-bottom: 1px;
    padding-left: 8px;
    margin-top: -521px;
    margin-right: 404px;
    border-color: #000000;
    border-style: solid;
    margin-left: 0px;
    background-color: #980305;
}
main h1 {
    font-family: "BebasNeue Regular";
    background-color: #980305;
}
#welcome_to_my_course_project_portal_page {
    margin-bottom: 0px;
    padding-right: 0px;
    border: thick solid #000000;
    margin-right: 425px;
    margin-top: 150px;
    background-color: #2820C5;
}
#main_course_projects {
    border-style: solid;
    border-color: #000000;
    margin-right: 426px;
    margin-top: 20px;
    list-style-type: none;
    padding-bottom: 14px;
    padding-right: 10px;
    background-color: #980305;
}
#my_first_page   {
    list-style-type: upper-roman;
    border: thin solid #000000;
    margin-bottom: -13px;
    margin-top: -10px;
    margin-left: -18px;
    padding-bottom: 0px;
    background-color: #2820C5;
}
#squint_studio_build_along   {
    list-style-type: upper-roman;
    text-align: left;
    border: thin solid #000000;
    margin-left: -18px;
    margin-top: 21px;
    background-color: #2820C5;
}
#Vault_Tec_Final {
    list-style-type: upper-roman;
    border: thin solid #000000;
    text-align: left;
    margin-left: -18px;
    margin-top: 21px;
    background-color: #2820C5;
}



h2 {
    font-family: "FjallaOne Regular";
    background-color: #980305;
}
a:link {
    color: #7C600E;
    text-decoration: none;
}
a:visited {
    color: #015748;
    text-decoration: none;
}
a:hover {
    color: #BDBDBD;
}
#helpfull_resources_for_web_design {
    margin-top: 20px;
    border: medium solid #000000;
    background-color: #980305;
}


#tutorials_point  {
    border: thin solid #000000;
    list-style-type: none;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #2820C5;
}
#w3_schools  {
    list-style-type: none;
    border: thin solid #000000;
    margin-right: 10px;
    padding-top: 10px;
    background-color: #2820C5;
}
#dreamweaver_tutorials {
    list-style-type: none;
    border: thin solid #000000;
    margin-right: 10px;
    padding-top: 0px;
    margin-top: 10px;
    background-color: #2820C5;
}
body footer {
    background-color: #2820C5;
    border: medium solid #000000;
}
footer ul li {
    background-color: #980305;
}
body footer h1 {
    background-color: #980305;
    /* [disabled]padding-left: 17px; */
}