/* =================== 
    "hello" - mushu
======================*/

body {
    padding:0;
    margin:0;    
}

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

.image {
    max-width:100% !important;
    min-width: none !important;
    min-height:none !important;
}

#image1 {
    top:20px;right:20px;
}


.container {
    background-image:linear-gradient(black, gray);
    background-color:rgb(0, 0, 0);
    /* invisible */
    height:95vh;
}

.footer {
    background-image:linear-gradient(white,gray);
    height:100%;
    border:inset 5px black;
}

.card {
    min-width:10rem;
    min-height:10rem;
    max-width:40rem;
    max-height:40rem;
    cursor:grab;
    position:fixed;
}

.card:hover {
    filter: brightness(100%) contrast(120%) saturate(150%) invert(16%);
}

.link {
    display:flex;
    color:white;
    z-index: 1;
}
.link p {
    margin-top:-3px;
}

.link:hover {
    background-image:radial-gradient(gray,transparent,transparent);
    text-decoration: underline wavy;
    color:palegoldenrod;
}

.window {
    flex-direction: column !important;
}

.top-window {
    width:100%;
    border-bottom:2px white solid;
}

.center {
    justify-items: center;
    text-align: center;
    align-items:center;
    margin:auto;
}

.message {
    background-color:black;
    color:white;border:2px white inset; width:100px;
    display:flex;
    border-radius:10px;
    padding:10px;
}


#guestbook {
  background-color:black;
  padding:5px;
  border-radius:10px;
  border:2px white inset;
  cursor:pointer !important;
  right:20px;bottom:20px;
}

#guestbook:hover {
  filter:none !important;
}

/* toggles */

.message.hidden {
    display:none;
}

.image.hidden {
    display:none;
}

@media screen and (max-width: 426px) {

    #link1 {
        bottom:20px !important;
        left:20px !important;
        height:auto;
        width:auto;
    }

    #link2 {
        bottom:20px !important;
        right:20px;
        height:auto;
        width:auto;
    }

    #message0 {
    font-size:small;
    }

    #image1 {
        height:auto;
        width:10px;
    }
    
    #guestbook {
      right:10px;
    }
}