html {
    max-width: 100%;
    overflow-x: hidden;
}

.topComponent {
    margin-top: 100px;
}

.glassPanel {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #3c3c3c;
    /* Drop shadow of 10px */
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

/* Rounded Corner FX */
/* 0,0,0,0 - top left, top right, bottom right, bottom left */
.rcTopLeft {
    border-radius: 10px 0px 0px 0px;
}

.rcTopRight {
    border-radius: 0px 10px 0px 0px;
}

.rcBottomLeft {
    border-radius: 0px 0px 0px 10px;
}

.rcBottomRight {
    border-radius: 10px 0px 10px 0px;
}

.rcTop {
    border-radius: 10px 10px 0px 0px;
}

.rcBottom {
    border-radius: 0px 0px 10px 10px;
}

.rcLeft {
    border-radius: 10px 0px 0px 10px;
}

.rcRight {
    border-radius: 0px 10px 10px 0px;
}

.roundedCorners {
    border-radius: 10px 10px 10px 10px;
}

.rcNone {
    border-radius: 0px 0px 0px 0px;
}

/* .content-wrapper {
    background: rgb(66,10,125);
    background: linear-gradient(180deg, rgba(66,10,125,1) 0%, rgba(60,37,93,1) 50%, rgba(0,0,0,1) 100%);
} */

.wallpaper {
    background: url(../img/wallpaper.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.glow:hover {
    color: rgb(202, 142, 39);
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.4);
}

.zoom {
    transition: transform .2s;
    /* Animation */
}

.zoom:hover {
    transform: scale(1.05);
    /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}