.background-image {
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    z-index:-999;
    filter:blur(10px);
}
.section {
    margin-top:20px;
    padding-bottom:10px;
}
.info-left {
    background:#f1f1f1;
    width:300px;
    text-align:center;
    float:left;
    border:10px solid transparent;
    border-radius:5px;
    -webkit-border-image: url(/img/border.png) 15 stretch;
    -o-border-image: url(/img/border.png) 15 stretch;
    border-image: url(/img/border.png) 15 stretch;
}
.info-left > h1 {
    width:calc(100% + 2px);
    margin:0;
    padding:10px 0;
    color:#fff;
    text-transform:capitalize;
    background:#153d87;
    letter-spacing:1px;
}
.info-left > h3 {
    width:calc(100% + 2px);
    background:#153d87;
    margin:0;
    color:#ebab22;
    text-transform:uppercase;
    border-top:3px solid #ebab22;
    border-bottom:3px solid #ebab22;
    padding:5px 0;
    letter-spacing:1px;
}
img {
    image-rendering:pixelated;
}
.info-left > img {
    width:144px;
    background:#f1f1f1;
    border-radius:2px;
    margin-top:10px;
    padding:10px;
}
.info {
    width:calc(100% + 2px);
    border-top:10px solid #ebab22;
    border-radius:5px;
    -webkit-border-image: url(/img/border.png) 15 stretch;
    -o-border-image: url(/img/border.png) 15 stretch;
    border-image: url(/img/border.png) 15 stretch;
    padding:20px 0;
}
.info > h3 {
    margin:5px 0;
}
.info > table {
    text-align:left;
    font-size:16px;
    width:100%;
}
.info > table tr {
    margin:0 10px;
    height:32px;
}
.info > table th > img {
    position:absolute;
    width:32px;
    margin:-5px 0 0 -32px;
}
.info > table th {
    padding-left:42px;
}
.info > table td {
    text-align:right !important;
    padding-right:20px;
}
.info > table td > img {
    position:relative;
    top:4px;
}
.seeds {
    width:32px !important;
    height:32px !important;
    image-rendering:pixelated;
}
.info-right {
    background:#f1f1f1;
    width:calc(100% - 350px);
    margin-left:10px;
    float:left;
    border:10px solid transparent;
    -webkit-border-image: url(/img/border.png) 15 stretch;
    -o-border-image: url(/img/border.png) 15 stretch;
    border-image: url(/img/border.png) 15 stretch;
    min-height:800px;
    border-radius:5px;
}
.info-right > h2 {
    letter-spacing:1px;
    width:calc(100% - 38px);
    color:#fff;
    margin:0;
    padding:10px 20px;
    text-transform:uppercase;
    background:#153d87;
    margin-bottom:10px;
}
.desc {
    padding-left:20px;
}
.info-right > span {
    font-size:22px;
    font-weight:bold;
    color:#153d87;
    margin-left:30px;
    position:relative;
    top:5px;
}
.info-right > span > img {
    position:relative;
    top:4px;
    width:24px;
}
.info-right > .crop {
    display:table-cell;
    vertical-align:middle;
    margin:0;
    width:170px;
}
.info-right > .crop > span {
    position:relative;
    top:-12px;
    font-size:22px;
    font-weight:bold;
    color:#153d87;
}
.info-right > .crop > span > img {
    position:relative;
    top:4px;
    width:24px;
}
.info-right > .crop {
    position:relative;
    margin-left:10px;
    display:inline-block;
}
.info-right > .crop > .rarity {
    position:absolute;
    left:2px;
    bottom:7px;
    width:42px;
    height:42px;
}
.right-table {
    font-size:20px;
    padding-bottom:20px;
    padding-left:20px;
    width:97%;
    border-spacing: 0;
}
.right-table tr {
    height:50px;
    text-align:left;
    text-transform:capitalize;
}
.right-table th {
    width:230px;
    border-bottom:3px solid #153d87;
}
.right-table td {
    border-bottom:3px solid #153d87;
}
.right-table img {
    width:24px;
    position:relative;
    top:5px;
}
@media only screen and (max-width: 850px) {
    .section {
        padding-top:30px !important;
    }
    .info-left {
        width:calc(100% - 20px) !important;
        float:none;
    }
    .info-right {
        margin:10px 0;
        width:calc(100% - 20px) !important;
        float:none;
    }
}
@media only screen and (max-width: 550px) {
    .section {
        padding-top:10px !important;
    }
    .crop {
        width:125px !important;
    }
    .crop > span {
        font-size:16px !important;
    }
    .info-right > span {
        font-size:16px !important;
        margin-left:0 !important;
    }
}