/*============================================================================================*/
img			{position:absolute;width:100%;height:100%;}
a				{position:absolute;width:100%;height:100%;text-decoration: none;}
table		{position:absolute;width:90%;height:90%;top:5%;left:5%;}
.fill		{position:absolute;width:100%;height:100%;}
.flex		{display:flex;flex-flow:wrap;align-content:space-around;justify-content:center;}

/*============================================================================================*/

#d2, #d3, .d4				{background-color:#2c2c33;}
#d2, #d2-l0 					{border:solid #3b3b4a 1px;}


/*============================================================================================*/

body 		{position:fixed;inset:0;background-color:black;color:white;}
	#d0				{position:fixed;inset:0;}/*whole page*/
  #d1				{position:absolute;inset:0 0 4% 0;}/*wallpaper*/
	#d2				{position:absolute;inset:96% 0 0 0;}/*toolbar*/
		/*--ToolBar:START -----*/
		#d2-l0						{position:absolute;inset:0 97% 0 0;cursor:pointer;}
 		/*--ToolBar:MUSIC -----*/
 		#d2-l1						{position:absolute;inset:8% 75% 1% 10%;opacity:70%;}
  		audio					{position:absolute;width:90%;height:90%;zoom:75%;}
 		#d2-l2	{position:absolute;inset:12% 32% 0 41%;opacity:50%;}/*--ToolBar:GOOGLE ----*/

 		#d2-r8	{position:absolute;opacity:90%;inset:5% 18% 5% 80%;}	/*--ToolBar: cam ----------*/
 		#d2-r7	{position:absolute;opacity:90%;inset:5% 16% 5% 82%;}	/*--ToolBar:email me ----------*/
 		#d2-r6	{position:absolute;opacity:90%;inset:5% 14% 5% 84%;}	/*--ToolBar:linkedin  ----------*/
 		#d2-r5	{position:absolute;opacity:90%;inset:5% 12% 5% 86%;}	/*--ToolBar:hire/upwork  ------*/
 		#d2-r4	{position:absolute;opacity:90%;inset:5% 10% 5% 88%;}/*--ToolBar:cashapp ----*/
 		#d2-r3	{position:absolute;opacity:90%;inset:5% 8% 5% 90%;}		/*--ToolBar:venmo ------*/
 		#d2-r2	{position:absolute;opacity:90%;inset:5% 6% 5% 92%;}		/*--ToolBar:kofi ------*/
 		#d2-r1	{position:absolute;opacity:90%;inset:5% 4% 5% 94%;}		/*--ToolBar:WEATHER ---*/
 		#d2-r0	{position:absolute;opacity:90%;inset:0 0% 0 96%;cursor:pointer;display: flex;justify-content: center;align-items: center;}/*--ToolBar:TIME ------*/
				#time		{position:absolute;text-align:center;font-size:110%;}

	/*--Box:START MENU ----*/
	#d3				{position:absolute;width:20%;height:75%;bottom:4%;left:0;border-radius:2vh;opacity:.80;}
		.d3							{cursor:pointer;}
  	.d3:hover				{opacity:50%;}
		.d3 td div			{position:relative;width:6vh;height:6vh;padding:1%;}
    .d3 > td + td 	{font-size:2em;}
	/*--Box:APP WINDOW ----*/
	.d4				{position:absolute;inset:25%;border-radius:2vh;opacity:.80;}
  	.d4 > div				{position:relative;width:10vh;height:10vh;margin:1%;}
  	.d4 > div:hover	{opacity:50%;}
	/*--Box:WEATHER -------*/
	#d5				{position:absolute;inset:5% 20% 80% 20%;opacity:.70;}
  /*cam*/
	#d6 {position:absolute;inset:60% 0 5% 65%;opacity:.70;}
/*============================================================================================*/
/*
resize:both;overflow:auto;
*/
@keyframes jiggle {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-15deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(15deg); }
  100% { transform: rotate(0deg); }
}

.jiggle-icon {
  animation: jiggle 2s ease infinite; /* Adjust the duration as needed */
}