:root{
    --outline:white;
    --outline2:black;
}

a{
    color:darkolivegreen;
}

body{
    background:url(corkboard.png);
}

header{
    position:absolute;
    top:0;
    left:15vw;
    text-shadow: -1px -1px 0 var(--outline2), 1px -1px 0 var(--outline2), -1px 1px 0 var(--outline2), 1px 1px 0 var(--outline2);
    color:white;
    font-family: '2credits';
}

header h1{
    margin-bottom:0;
}

header p{
    margin:0;
}

#yamu{
    width:40vw;
    position:absolute;
    top:0;
    right:0;
    pointer-events:none;
}


#todo a{
    text-decoration-style: wavy;
    color:brown;
}

#keychain{
    position:absolute;
    top:1%;
    left:0;
    width:12vw;
    filter: drop-shadow(1px 0 0 var(--outline2)) drop-shadow(0 1px 0 var(--outline2)) drop-shadow(-1px 0 0 var(--outline2)) drop-shadow(0 -1px 0 var(--outline2)) drop-shadow(-0px 1px 1px var(--outline2));
}

note-paper{
    width:373px;
    height:363px;
    background:url(pin.png);
    position:absolute;
    bottom:12vh;
    right:30vw;
    box-sizing: border-box;
    padding-left:1vw;
    padding-top:2vh;
}

note-paper a{
    color:navy;
}

#walking{
    position:absolute;
    bottom:0;
    left:20vw;
}

ol{
    list-style-type: space-counter;
}

#off{
    color:red;
}

.reading{
    color:red;
}

.close{
    float:right;
}

#plants{
    position:absolute;
    bottom:10vh;
    left:30vw;
}

#backtosite{
    position:absolute;
    bottom:0;
    left:5vw;
}

#backtosite a{
    color:white;
    font-size:50px;
}

.calendar {
    position:absolute;
    top:1vh;
    left:50vw;
    width: auto;
    height: 200px;
    border: 3px solid #000; 
    display: inline-block;
    position:absolute;
    vertical-align: top;
    padding: 4px;
    background:url(nekolife.gif);
    background-size:cover;
    font-family:'igiari';
    }

#paper{
    position:fixed;
    bottom:0;
    right:0;
}

.tiny{
    font-size:12px;
}

#lastfm{
    position:absolute;
    bottom:20vh;
    left:38vw;
}

#todo{
    font-family:'igiari';
    width:30vw;
    background:url(loosepaper.png);
    background-repeat:no-repeat;
    border-radius:10px;
    position:absolute;
    top:10vh;
    left:15vw;
    padding-left:3%;
    padding-bottom:0;
    box-sizing: border-box;
    height:60vh;
    filter:drop-shadow(1px 4px 2px var(--outline2));
}

#todo h2{
    font-family:'alagard';
}

.addBtn{
    background:url('backgrounds/antique.jpg');
    border:1px solid burlywood;
    padding:2px;
    border-radius:5px;
}


@font-face {
    font-family: 'alagard';
    src: url(alagard.woff);
}
@font-face {
    font-family: '2credits';
    src: url(2Credits.ttf);
}

@font-face {
    font-family: 'igiari';
    src: url(Igiari.ttf);
}

#idf08cb93d4f5cf{
    text-shadow: -1px -1px 0 var(--outline), 1px -1px 0 var(--outline), -1px 1px 0 var(--outline), 1px 1px 0 var(--outline);
    width:10vw;
}

embed img{
    width:100%;
}