html, body {height: 100%;}

html {display: table;
    margin: auto;}

body {display: table-cell;
     vertical-align: middle;}

#welcome{margin: auto;}

#bakery{margin: auto;}

body{background-image: url(images/cakewowaie.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;}

@font-face{src: url(fonts/GreatVibes-Regular.ttf);
    font-family: GV;}

@font-face{src: url(fonts/Stalemate-Regular.ttf);
    font-family: stale}

@font-face{src: url(fonts/FjordOne-Regular.ttf);
    font-family: fo}

.welcome{background-color:#c45e62;
        border-radius: 25px;
        border: 5px solid #c45e62;
        height: 27%;
        width: 50%;
        padding: 25px;
        float: right;
        text-align: center;
        position: absolute;
        left: 270px;
        top: 150px;
        z-index: 1;
        font-family: 'GV'; color: #ff9598;
        font-size: 75px;}

.bakery{background-color: #a44f55;
        border-radius: 25px;
        border: 2px solid #a44f55;
        height: 13%;
        width: 20%;
        padding: 25px;
        float: left;
        text-align: center;
        position: absolute;
        left: 750px;
        top: 330px;
        z-index: 2;
        font-family: 'stale' ; color: #ff9598;
        font-size: 50px;}

.cake{left: 170px;
      top: 245px;
      position: absolute;
      z-index: 3;}

.sakurara{left: 1005px;
        top: 350px;
        position: absolute;
        z-index: 3;}

.ve{height: 13%;
    width: 20%;
    padding: 25px;
    float: left;
    text-align: center;
    position: absolute;
    right: 500px;
    top: 450px;
    z-index: 4;
    font-family: 'fo' ; color: #651d22;
    font-size: 10px;}

.quotev{left: 985px;
      top: 175px;
      position: absolute;
      z-index: 1;}

.ao3{left: 980px;
      top: 230px;
      position: absolute;
      z-index: 3;}

.tumblr{left: 985px;
      top: 280px;
      position: absolute;
      z-index: 1;}

.imgcolor{filter:hue-rotate(150deg)}