@import "bulma.min.css";

#message-image {
    position: relative;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: #FFF;
    font-size: 4em;
    text-shadow: 0 0 5px #000;
    background-image: "url(/static/test2.jpg)";
    background-repeat: no-repeat;
    background-size: contain;
    width: 512px;
    height: 512px;
    padding: 10px;
    box-sizing: content-box;
}

#message-text {
    box-sizing: content-box;
    position: absolute;
    text-wrap: wrap;
    z-index: 2;
}

/* HIDE RADIO */
[type=radio] { 
    position: absolute;
    width: 0;
    opacity: 0;
    height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
    cursor: pointer;
    width: 100px;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
    outline: 2px solid #f00;
}