/*/ HAHAHA!!! You are inspecting my page??? Yess I know.. it is a mess... I could have made this CSS so much simpler right?... ah well, please forgive me, I am not a professional in this, just having fun here /*/


body{
    color:dodgerblue;
    background-color:lightgrey;
    padding: 20px;
}

a{
    color:dodgerblue;
    text-decoration: none;
}

a:hover{
    color: violet;
}

div#worktext a{
    color:dodgerblue;   
    box-shadow: 0 0 10px 10px lightgreen;
    background-color: lightgreen;
    font-weight: bold;
}

div#worktext a:hover{
    box-shadow: 0px 0px 100px 100px violet;
    text-shadow: none;
    background-color: violet;
}

div{
}

#header{
    width:100%;
    text-align: center;
}

#worktext{
    width: 60%;
    float: right;
    background-color: white;
    margin-bottom: 200px;
    padding: 5px;
    box-shadow: 0px 0px 100px 100px white;
    border-width: 30px;
    
}

img, video{
    width: 300px;
    height: auto;
    background-color: royalblue;
    box-shadow: 0px 0px 100px 100px royalblue;
    border-width: 100px;
    margin: 25px;
}

img:hover{
    box-shadow: 0px 0px 100px 150px limegreen;
    background-color: limegreen;
    transform: rotate(4deg);
    width: 400px;
}

#home{
    height: 100px;
    width: auto;
    box-shadow: none;
    background-color: transparent;    
    -webkit-animation:spin 40s linear infinite;
    -moz-animation:spin 40s linear infinite;
    animation:spin 40s linear infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

p{
    font-family: cart;
    font-size: 15px;
    line-height: 2;
}

h2{
    text-align: center;
    font-family: skit;
    font-size: 70px;
}


h3{
    text-align: left;
    font-size: 30px;
    font-family: numb;
    padding-top: 30px;
        color: white;
        text-shadow: 2px 2px 10px black;
}


@font-face {
    font-family: numb;
    src: url(../fonts/Autopia-Italic.ttf);
}

@font-face {
    font-family: cart;
    src: url(../fonts/CartographCF-Regular.otf);
}

div.txt{
    padding-left: 100px;
    width: 60%;
}
div.txt a{
    color:dodgerblue;   
    box-shadow: 0 0 10px 10px lightgreen;
    background-color: lightgreen;
    font-weight: bold;
}

div.txt a:hover{
    box-shadow: 0px 0px 100px 100px violet;
    text-shadow: none;
    background-color: violet;
}

div.txt h3{
    text-align: left;
    font-size: 50px;
    font-family: numb;
    text-shadow: 2px 2px 10px limegreen;
    color:thistle;
    padding-top: 50px;
}