body {
	margin: 0;
}

#container {
	position: relative;
}

#background-image {
	position: absolute;
	/*width: 1920px;
	height: 1080px;*/ /* real 4596x3136 */
	width: 4596px;
	height: 3136px;
	top: 0;
	left: 0;
	z-index: -1; /* Ensure the image is behind other elements */
}

.corner-div {
	width: 120px;
	height: 90px;
	position: absolute;
	border-radius: 10px;
	/*background-color: #3498db; /* Set your desired background color */
	transition: background-color 0.3s; /* Add smooth transition for the hover effect */
}

/* Specify the constant position for the corner divs */
.corner-div.one { top: 370px; left: 580px; }
.corner-div.two { top: 100px; left: 1700px; }
.corner-div.three { bottom: 100px; left: 200px; }
.corner-div.four { bottom: 100px; right: 200px; }

/* Add corner decoration on hover */
.corner-div:hover {
	background-color: #e74c3c; /* Change to your desired hover color */
}
#hiddenParagraph{
	display: none;
}

/* Targeting the div with class 'post' and ID '1' */
/*
div.post[bcid="1"] {
	width: 344px ;
	height: 474px;
	top: 157px;
	left: 671px ; 
	background-color: rgba(240,240,240,0.5);
	border: 1px solid #ccc;
	padding: 10px;
	position: absolute;
	border-radius: 10px;
}

div.post[bcid="2"] {
	width: 344px ;
	height: 474px;
	top: 157px;
	left: 1071px ; 
	background-color: rgba(240,240,240,0.5);
	border: 1px solid #ccc;
	padding: 10px;
	position: absolute;
	border-radius: 10px;
}
*/
/* PRESET:
 
div.post[bcid="$ID"] {
	width: $WIDTHpx ;
	height: $HEIGHTpx;
	top: $TOPpx;
	left: $LEFTpx ; 
	background-color: rgba(240,240,240,0.5);
	border: 1px solid #ccc;
	padding: 10px;
	position: absolute;
	border-radius: 10px;
}

*/
/* START AUTO GENERATED CODE */

        div.post[bcid="0"] {
                width: 340px ;
                height: 226px;
                top: 316px;
                left: 1070px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="1"] {
                width: 330px ;
                height: 154px;
                top: 760px;
                left: 966px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="2"] {
                width: 332px ;
                height: 240px;
                top: 436px;
                left: 1680px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="3"] {
                width: 343px ;
                height: 253px;
                top: 555px;
                left: 2349px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="4"] {
                width: 322px ;
                height: 220px;
                top: 1507px;
                left: 1285px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="5"] {
                width: 303px ;
                height: 290px;
                top: 1047px;
                left: 1367px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="6"] {
                width: 303px ;
                height: 275px;
                top: 1212px;
                left: 1007px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="7"] {
                width: 315px ;
                height: 213px;
                top: 82px;
                left: 2490px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="8"] {
                width: 320px ;
                height: 225px;
                top: 93px;
                left: 1807px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="9"] {
                width: 322px ;
                height: 216px;
                top: 64px;
                left: 1249px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="10"] {
                width: 637px ;
                height: 400px;
                top: 696px;
                left: 1780px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="11"] {
                width: 153px ;
                height: 178px;
                top: 49px;
                left: 2141px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="12"] {
                width: 355px ;
                height: 212px;
                top: 315px;
                left: 2169px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="13"] {
                width: 331px ;
                height: 212px;
                top: 1438px;
                left: 1769px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="14"] {
                width: 333px ;
                height: 199px;
                top: 1121px;
                left: 1944px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="15"] {
                width: 328px ;
                height: 158px;
                top: 1783px;
                left: 1086px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="16"] {
                width: 318px ;
                height: 160px;
                top: 1956px;
                left: 1080px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="17"] {
                width: 341px ;
                height: 337px;
                top: 2137px;
                left: 860px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="18"] {
                width: 334px ;
                height: 249px;
                top: 2511px;
                left: 1072px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="19"] {
                width: 266px ;
                height: 232px;
                top: 2141px;
                left: 1245px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="20"] {
                width: 189px ;
                height: 322px;
                top: 1928px;
                left: 1650px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="21"] {
                width: 363px ;
                height: 335px;
                top: 1819px;
                left: 2032px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="22"] {
                width: 157px ;
                height: 148px;
                top: 1654px;
                left: 1880px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="23"] {
                width: 204px ;
                height: 200px;
                top: 1454px;
                left: 2263px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="24"] {
                width: 333px ;
                height: 216px;
                top: 947px;
                left: 2445px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="25"] {
                width: 341px ;
                height: 200px;
                top: 1250px;
                left: 2591px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="26"] {
                width: 322px ;
                height: 182px;
                top: 954px;
                left: 2791px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="27"] {
                width: 372px ;
                height: 593px;
                top: 343px;
                left: 2702px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="28"] {
                width: 316px ;
                height: 214px;
                top: 86px;
                left: 2819px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="29"] {
                width: 294px ;
                height: 274px;
                top: 2255px;
                left: 1669px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="30"] {
                width: 224px ;
                height: 219px;
                top: 2536px;
                left: 1587px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="31"] {
                width: 342px ;
                height: 226px;
                top: 2540px;
                left: 1845px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="32"] {
                width: 320px ;
                height: 254px;
                top: 89px;
                left: 3491px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="33"] {
                width: 353px ;
                height: 198px;
                top: 423px;
                left: 3119px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="34"] {
                width: 323px ;
                height: 224px;
                top: 158px;
                left: 3159px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="35"] {
                width: 376px ;
                height: 218px;
                top: 1471px;
                left: 2656px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="36"] {
                width: 341px ;
                height: 207px;
                top: 1686px;
                left: 2424px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="37"] {
                width: 331px ;
                height: 228px;
                top: 1089px;
                left: 3167px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="38"] {
                width: 168px ;
                height: 172px;
                top: 1922px;
                left: 2417px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="39"] {
                width: 221px ;
                height: 263px;
                top: 2166px;
                left: 2211px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="40"] {
                width: 233px ;
                height: 200px;
                top: 2446px;
                left: 2226px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="41"] {
                width: 178px ;
                height: 165px;
                top: 2649px;
                left: 2291px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="42"] {
                width: 657px ;
                height: 335px;
                top: 2718px;
                left: 2482px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="43"] {
                width: 308px ;
                height: 191px;
                top: 2164px;
                left: 2459px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="44"] {
                width: 291px ;
                height: 250px;
                top: 2381px;
                left: 2635px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="45"] {
                width: 232px ;
                height: 294px;
                top: 2233px;
                left: 2924px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="46"] {
                width: 193px ;
                height: 293px;
                top: 2664px;
                left: 3174px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="47"] {
                width: 339px ;
                height: 198px;
                top: 552px;
                left: 3487px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="48"] {
                width: 276px ;
                height: 237px;
                top: 378px;
                left: 3969px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="49"] {
                width: 224px ;
                height: 320px;
                top: 636px;
                left: 4335px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="50"] {
                width: 271px ;
                height: 187px;
                top: 1056px;
                left: 3748px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="51"] {
                width: 204px ;
                height: 137px;
                top: 1252px;
                left: 3687px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="52"] {
                width: 352px ;
                height: 191px;
                top: 1463px;
                left: 3498px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="53"] {
                width: 278px ;
                height: 246px;
                top: 1530px;
                left: 3228px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="54"] {
                width: 185px ;
                height: 163px;
                top: 1908px;
                left: 3289px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="55"] {
                width: 348px ;
                height: 220px;
                top: 1332px;
                left: 4026px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="56"] {
                width: 335px ;
                height: 152px;
                top: 1558px;
                left: 3854px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="57"] {
                width: 278px ;
                height: 254px;
                top: 1665px;
                left: 3576px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="58"] {
                width: 185px ;
                height: 143px;
                top: 1776px;
                left: 3400px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="59"] {
                width: 239px ;
                height: 298px;
                top: 2283px;
                left: 3224px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="60"] {
                width: 250px ;
                height: 172px;
                top: 2055px;
                left: 3578px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="61"] {
                width: 342px ;
                height: 242px;
                top: 2270px;
                left: 3482px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="62"] {
                width: 216px ;
                height: 218px;
                top: 1781px;
                left: 3882px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="63"] {
                width: 185px ;
                height: 259px;
                top: 2005px;
                left: 4041px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="64"] {
                width: 337px ;
                height: 207px;
                top: 2355px;
                left: 4089px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="65"] {
                width: 241px ;
                height: 181px;
                top: 1005px;
                left: 4202px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="66"] {
                width: 282px ;
                height: 161px;
                top: 2707px;
                left: 3859px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="67"] {
                width: 553px ;
                height: 760px;
                top: 1176px;
                left: 19px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="68"] {
                width: 513px ;
                height: 709px;
                top: 410px;
                left: 26px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="69"] {
                width: 357px ;
                height: 252px;
                top: 662px;
                left: 3829px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
        div.post[bcid="70"] {
                width: 351px ;
                height: 214px;
                top: 714px;
                left: 3094px ; 
                background-color: rgba(240,240,240,0.5);
                border: 1px solid #ccc;
                padding: 10px;
                position: absolute;
                border-radius: 10px;
        }
        
/* STOP AUTO GENERATED CODE */

#toggleButton {
    position: fixed;
    top: 50px; /* Adjust as needed */
    left: 50px; /* Adjust as needed */
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 9999;
    font-size: 90px;
}

#toggleButton:hover {
    background-color: #0056b3;
}

@media only screen and (max-width: 600px) {
  /* Adjust the button position for smaller screens */
  #fixedButton {
    bottom: 10px;
    right: 10px;
  }
}

.toggleable {
    display: none;
}
p {
    margin: 0;
}