:root{
    --bgcolor:#d4aa9b;
    --textcolor:#dbebd3;
    --maincolor:#8595A1;
    --shadow:  0 5px 5px hsla(0, 0%, 0%, 0.76);
    --accent: #757161;
    --headers: #d04648;
}

h1{
    padding-left:1%;
    margin:0;
    color:var(--bgcolor);
    text-shadow: -1px -1px 0 var(--maincolor), 1px -1px 0 var(--maincolor), -1px 1px 0 var(--maincolor), 1px 1px 0 var(--maincolor);
    font-size:10rem;
    font-family:'canterbury';
    background:url(images/abtbg.png);
    border-radius:15px;
    position:relative;
}

b{
    color:var(--textcolor);
    text-shadow: -1px -1px 0 var(--bgcolor), 1px -1px 0 var(--bgcolor), -1px 1px 0 var(--bgcolor), 1px 1px 0 var(--bgcolor);
}

#first{
    font-family:'Rose';
}

#randomtxt{
    color:var(--maincolor);
}

#paperheart{
    position:absolute;
    width:30%;
    top:-5vh;
    right:-5vw;
    filter:drop-shadow(var(--shadow));
}

body{
    background: var(--bgcolor);
    font-size:0.8rem;
    text-shadow: -1px -1px 0 var(--maincolor), 1px -1px 0 var(--maincolor), -1px 1px 0 var(--maincolor), 1px 1px 0 var(--maincolor);
    color:var(--bgcolor);
    font-family: 'hack';
}

p{
    line-height:1.5rem;
}

main{
    border:3px double var(--bgcolor);
    margin:5vh auto;
    background-image:url(images/'dots3.png');
    background-color:var(--maincolor);
    width:40vw;
    padding:1%;
    box-sizing: border-box;
    position:relative;
    border-radius:15px;
}

a{  
    font-size:1rem;
    font-family: 'elegant';
    color:var(--textcolor);
    text-decoration-style:wavy;
}

#rem{
    width:30vw;
    image-rendering:pixelated;
    filter:drop-shadow(var(--shadow));
    position:absolute;
    bottom:-20vh;
    right:-12vw;
    z-index:9999;
}

#abt{
    filter:drop-shadow(var(--shadow));
    image-rendering:pixelated;
    position:absolute;
    bottom:0;
    right:0;
    width:60%;
}

#robot{
    position:fixed;
    bottom:0;
    right:left;
    z-index:-9999;
}

ol li{
    font-size:1rem;
}

ol li::marker, a:hover {
    color: #d4aa9b;
}

a:hover{
    text-transform:uppercase;
}

@font-face {
    font-family: 'elegant';
    src: url(fonts/elegant.woff);
}

@font-face {
    font-family: 'canterbury';
    src: url(fonts/Canterbury.ttf);
}

@font-face {
    font-family: 'Rose';
    src: url(fonts/rosecaps.TTF);
}

@font-face {
    font-family: 'hack';
    src: url(fonts/Hack-Regular.ttf);
}