/*#region Card*/

/*#region Main Card + Heading*/
.HomeMainTitleDiv{
    margin:auto;
    width: 800px;
    height: 80px;
    background-color: rgb(146, 123, 168);
    opacity:0.1;
}
.HomeMainPageDiv {
    margin: auto;
    position:relative;
    width: 780px;
    height: 600px;
    background: #77755f;
    background: linear-gradient(0deg,rgb(133, 106, 90) -20%, rgb(158, 146, 128) 20%, rgb(184, 160, 138) 150%);
}
.HomeMainPageDivStripesBackground{
    position: relative;
    width: 800px;
    height: 620px;
    right: 10px;
    bottom: 770px;
    z-index: -1;
    background-image: linear-gradient(45deg, #281e9e 16.67%,rgb(158, 146, 128) 16.67%,rgb(158, 146, 128) 25%, #b83f3f 25%, #b83f3f 41.67%,rgb(158, 146, 128) 41.67%,rgb(158, 146, 128) 50%, #281e9e 50%, #281e9e 66.67%,rgb(158, 146, 128) 66.67%,rgb(158, 146, 128) 75%, #b83f3f 75%, #b83f3f 91.67%,rgb(158, 146, 128) 91.67%,rgb(158, 146, 128) 100%);
    background-size: 70px 70px;
}
/*#endregion*/

/*#region Div 1, Textbox and Spacer 1*/
.HomePageDiv1{
    position: relative;
    height: 280px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0);
}
.HomePostCardSpace{
    position: relative;
    top: 20px;
    left: 30px;
    width: 400px;
    height: 250px;
    background-color: rgba(53, 97, 82, 0);
}
.HomeTopRightTextBoxSpace{
    position: absolute;
    width: 300px;
    height: 350px;
    top: 20px;
    left: 460px;
    background-color: rgb(163, 147, 127);
    box-sizing: border-box;
    padding: 10px;
    border-left: 2px solid rgb(143, 75, 75);
    box-shadow:2px 2px #978468;
}
.HomeProfile{
    position: absolute;
    height: 130px;
    width: 120px;
    border: 3px solid rgb(148, 137, 117);
    right: 10px;
    top: 10px
}
.spacer1{
    position: relative;
    height: 30px;
    background-color: rgba(128, 128, 15, 0);
    opacity: 1;
}
/*#endregion*/

/*#region Buttons*/
.HomeButtonSpace{
    position: relative;
    width: 420px;
    height: 150px;
    left: 20px;
    background-color: rgba(71, 18, 5, 0);
}

.HomeArtDirectoryButton{
    position: relative;
    width: 120px;
    height: 140px;
    background-color: rgb(173, 145, 126);
    border: 3px solid rgb(117, 78, 78);
    left: 10px;
}

.HomeMusicDirectoryButton{
    position: absolute;
    width: 120px;
    height: 140px;
    background-color: rgb(173, 145, 126);
    left: 150px;
    top: 0;
    border: 3px solid rgb(117, 78, 78);
}

.HomeVideoDirectoryButton{
    position: absolute;
    width: 120px;
    height: 140px;
    background-color: rgb(173, 145, 126);
    left: 290px;
    top: 0;
    border: 3px solid rgb(117, 78, 78);
}

.HomeInnerButtons{
    position: absolute;
    width: 95px;
    height: 40px;
    background-color: #b83f3f;
    bottom: 10px;
    right: 12px;
}

/*#endregion*/

/*#region Bookmarks*/
.HomeBookMarkSpace{
    position: relative;
    width: 100px;
    height: 150px;
    right: 75px;
    bottom: 420px;
    background-color:rgba(0, 0, 255, 0);
}

/* button1*/
.YTInvisDiv{
    position: relative;
    width: 100px;
    height: 40px;
    right:0;
    background-color: rgba(214, 179, 136, 0);
    transition: right 0.2s ease-in-out;
}
.HomeBookMarkYT{
    position: relative;
    width: 100px;
    height: 40px;
    bottom: 40px;
    right:0;
    background-color: rgb(189, 37, 37);
    transition: right 0.2s ease-in-out;
    z-index:-2;
}
.YTInvisDiv:hover +.HomeBookMarkYT,
.YTInvisDiv:hover{
right:20px;
}

/* button2*/
.TWTInvisDiv{
    position: relative;
    width: 100px;
    height: 40px;
    right:0;
    background-color: rgba(214, 179, 136, 0);
    transition: right 0.2s ease-in-out;
    bottom: 20px;
}
.HomeBookMarkTWT{
    position: relative;
    width: 100px;
    height: 40px;
    bottom: 60px;
    right:0;
    background-color: rgb(52, 138, 209);
    transition: right 0.2s ease-in-out;
    z-index:-2;
}
.TWTInvisDiv:hover +.HomeBookMarkTWT,
.TWTInvisDiv:hover{
right:20px;
}

/* button3*/
.INSTAInvisDiv{
    position: relative;
    width: 100px;
    height: 40px;
    right:0;
    background-color: rgba(214, 179, 136, 0);
    transition: right 0.2s ease-in-out;
    bottom: 35px;
}
.HomeBookMarkINSTA{
    position: relative;
    width: 100px;
    height: 40px;
    bottom: 75px;
    right:0;
    background-color: rgb(202, 14, 124);
    transition: right 0.2s ease-in-out;
    z-index:-2;
}
.INSTAInvisDiv:hover +.HomeBookMarkINSTA,
.INSTAInvisDiv:hover{
right:20px;
}
/* Right Side Book Marks */
.HomeBookMarkSpaceRight{
    position: relative;
    width: 100px;
    height: 150px;
    left: 760px;
    bottom: 560px;
    background-color:rgba(0, 0, 255, 0);
}

/* BookMark 4 */
.ABOUTMEInvisDiv{
    position: relative;
    width: 100px;
    height: 40px;
    left:0;
    background-color: rgba(214, 179, 136, 0);
    transition: left 0.2s ease-in-out;
    bottom: 10px;
}

.HomeBookMarkABOUTME{
    position: relative;
    width: 100px;
    height: 40px;
    bottom: 50px;
    left:0;
    background-color: rgb(153, 51, 33);
    transition: left 0.2s ease-in-out;
    z-index:-2;
}

.ABOUTMEInvisDiv:hover +.HomeBookMarkABOUTME,
.ABOUTMEInvisDiv:hover{
left:20px;
}

.CONTACTInvisDiv{
    position: relative;
    width: 100px;
    height: 40px;
    left:0;
    background-color: rgba(214, 179, 136, 0);
    transition: left 0.2s ease-in-out;
    bottom: 30px;
}

.HomeBookMarkCONTACT{
    position: relative;
    width: 100px;
    height: 40px;
    bottom: 70px;
    left:0;
    background-color: rgb(145, 143, 60);
    transition: left 0.2s ease-in-out;
    z-index:-2;
}

.CONTACTInvisDiv:hover +.HomeBookMarkCONTACT,
.CONTACTInvisDiv:hover{
left:20px;
}
/*#endregion*/

/*#region General Bottom Card Space, Stamp Space, bottom space*/
.CardSpace{
    position: absolute;
    width: 310px;
    height: 150px;
    background: rgb(145, 130, 110);;
    bottom: 60px;
    right: 15px;
}

.CardSpaceunderbuttons{
    position: absolute;
    width: 420px;
    height: 70px;
    background: rgb(145, 130, 110);;
    bottom: 60px;
    left: 20px;
}

.CardStampSpace{
    position: absolute;
    width: 760px;
    height: 44px;
    background: rgba(126, 113, 96, 0);;
    bottom: 5px;
    left: 20px;
    border-top: 2px solid #615440;
}
/*#endregion*/