@font-face { 
    font-family: Samurai Bob;
    src: url('fonts/samurai-bob/CFSamuraiBob.ttf') format('truetype'); 
}

@font-face { 
    font-family: Chinese Takeaway;
    src: url('fonts/chinese-takeaway/ChineseTakeaway.ttf') format('truetype'); 
}


body { 
    height: 100%; 
    width: 100%; 
    padding: 0px; 
    margin: 0px;
    color: black;
}

a{
font-family: Times New Roman;
}

h1{
    font-size: 20px;
    width: 100%;
    border: 1px solid black;
    padding: 8px;
}

h2{
    font-size: 18px;
}
h3{
    font-size: 13px;
}

hr{
    width: 350px;

}

#black {
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px solid #69F1EB;
    padding: 5px; 
    width: 274px;
    font-family: Chinese Takeaway;
    text-align: right;

}

#note{
    position: absolute;
}

.table {
    position: absolute;
    border: 0px;
    border-spacing: 0px;
}

#about{
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 1px solid #69F1EB;
    padding: 5px; 
    width: 274px;
    font-family: Chinese Takeaway;
    text-align: right;
    float: right;
    display: inline-block;

}

#about hr{
    float: right;
}

#about h1{
    float: right;
}

#websites{   
    position: absolute;
    top: 150px;
    color: black;
    font-size: 11px;

    width: 270px;

    padding: 5px; 
    border: 1px solid black;
    margin: 10px;

}


#projekte{
    position: absolute;
    border: 0px;
    border-spacing: 0px;
    float: right;

}