@media (max-width: 359px){
	*{
		box-sizing: border-box;
	}
	body, html{
		height: fit-content;
		overflow-y: scroll;
	}
	#main{
		margin-top: 10vmax;
	}
	a {
	display:block;
	height: 10vmax;
	background-size: 10vmax 10vmax;
	background-repeat: no-repeat;
	background-position: 0%;
	text-decoration: none;
	color:inherit;
	font-size: 7vmax;
	}
	
	a>div{
		width: 10vmax;
		height: 10vmax;
		display: inline-block;
		opacity:.5;
	}
	a>span{
		position: relative;
		bottom: 15%;
		padding: 0 3vw;
		overflow: hidden;
		text-wrap: nowrap;
		width: calc(95vw - 13vmax);
		display: inline-block;
	}
	#links{
		position:absolute;
		top:0;left:0;
	}
	#links>a{
		display: inline;
	}
	#links>a>svg{
		width:calc(16.3vw - 4px);
		max-width:calc(16.3vw - 4px);
		min-width:calc(16.3vw - 4px);
		opacity:.6;
	}
}
@media (min-width: 360px) and (max-width: 647px){
	body{
		padding:26vw 0;
		margin:0;
		display:flex;
		justify-content: center;
		align-items: center;
		overflow-y: scroll !important;
		box-sizing: border-box;
		font-family: 'Cookie', sans-serif;
		color:#fffed0;
		background-image: linear-gradient(to bottom,#121642 0%, #243790 50%, #121642 100%);
		background-repeat:no-repeat;
		overflow: hidden;
	}
	
	div#flower{
		position:relative;
		width:100vw;
		height: 320vw;
	}


	
	div#flower>a{
		width:33.3vw;
		height:33.3vw;
		aspect-ratio: 1/1;
		border-radius: 50%;
		display: block;
		position: absolute;
		box-sizing: border-box;
		color: inherit;
		font-size:8vw;
		text-decoration:none;
		/* padding: 3%; */
		border: 1px solid #ff00;
		/* background-color: black; */
		text-align: center;
		background-repeat: no-repeat;
		background-size:100% 100%;
	}

	div#flower>a>div{
		width:100%;
		height:100%;
		opacity:.6;
		border-radius:50%;
	}

	div#flower>a>span{
		position:relative;bottom:75%;
	}
	div#flower>a>img{ height:100%; }

	
	div#flower{
		aspect-ratio: 3.2/1;
	}

	#f11{top:.3%; left: 33.3%;}
	#f12{top: 5.8%; right: 2.8%;}
	#f13{top: 16.7%; right: 2.8%;}
	#f14{top: 22.4%; left: 33.3%;}
	#f15{top: 16.7%; left: 2.8%;}
	#f16{top: 5.8%; left: 2.8%; }
	#f17{top: 11.4%; left: 33.3%;}

	#f21{top: 33.5%; left: 33.3%;}
	#f22{top: 39.3%; right: 2.8%;}
	#f23{top: 50.2%; right: 2.8%;}
	#f24{top: 55.8%; left: 33.3%;}
	#f25{top: 50.2%; left: 2.8%;}
	#f26{top: 39.3%; left: 2.8%; }
	#f27{top: 44.8%; left: 33.3%;}

	#f31{top: 66.7%; left: 33.3%;}
	#f32{top: 72.5%; right: 2.8%;}
	#f33{top: 83.4%; right: 2.8%;}
	#f34{top: 89.1%; left: 33.3%;}
	#f35{top: 83.4%; left: 2.8%;}
	#f36{top: 72.5%; left: 2.8%; }
	#f37{top: 77.6%; left: 33.3%;}
	#links{
		position:absolute;
		top:0;left:0;
	}
	#links>a{
		display: inline;
	}
	#links>a>svg{
		width:calc(16.3vw - 4px);
		max-width:calc(16.3vw - 4px);
		min-width:calc(16.3vw - 4px);
		height:10vmax;
		max-height:10vmax;
		min-height:10vmax;
		opacity:.6;
	}

}