@charset "UTF-8";

@font-face { font-family: "Lobster Regular"; src: url(fonts/Lobster_Two/LobsterTwo-Regular.ttf); }
@font-face { font-family: "Lobster Italic"; src: url(fonts/Lobster_Two/LobsterTwo-Italic.ttf); }
@font-face { font-family: "Lobster Bold"; src: url(fonts/Lobster_Two/LobsterTwo-Bold.ttf); }
@font-face { font-family: "Lobster Bold Italic"; src: url(fonts/Lobster_Two/LobsterTwo-BoldItalic.ttf); }

@font-face { font-family: "Raleway Light"; font-weight: 300; src: url(fonts/Raleway/Raleway-VariableFont_wght.ttf); }
@font-face { font-family: "Raleway Light Italic"; font-weight: 300; src: url(fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf); }
@font-face { font-family: "Raleway Regular"; font-weight: 400; src: url(fonts/Raleway/Raleway-VariableFont_wght.ttf); }
@font-face { font-family: "Raleway Regular Italic"; font-weight: 400; src: url(fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf); }
@font-face { font-family: "Raleway Bold"; font-weight: 700; src: url(fonts/Raleway/Raleway-VariableFont_wght.ttf); }
@font-face { font-family: "Raleway Bold Italic"; font-weight: 700; src: url(fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf); }

/* Colors
Sage Green #8ea58c
Gold #
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-size: 62.5%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Preloading Images */
body:after {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	content: url();
}


/* Global Elements */
html {
	scroll-behavior: smooth;
	overflow: hidden;
}
* {
	margin: 0;
	padding: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}
body {
	overflow: hidden;
	font-family: "Raleway Regular";
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lobster Regular";
}
a {
	display: flex;
	justify-content: center;
	text-decoration: none;
	color: initial;
	cursor: pointer;
	font-size: 2.1rem;
	line-height: 2.4rem;
}
li {
	list-style-type: none;
}
button {
	font-family: "Raleway Regular";
	font-size: 1.4rem;
	line-height: 1.8rem;
}
h1 {
	font-family: "Lobster Bold Italic";
	font-size: 14.4rem;
	line-height: 12rem;
}
h2 {
	font-family: "Lobster Bold Italic";
	font-size: 8.4rem;
	line-height: 8.4rem;
}
p {
	font-size: 2.1rem;
	line-height: 2.4rem;
}
hr {
	width: 6rem;
	margin-block: 3rem;
	border-top: 1px solid #8ea58c;
}


/* Nav */
#nav {
	position: fixed;
	bottom: 0;
	z-index: 100;
	height: 15rem;
	width: 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: space-between;
	padding: 2rem;
	box-sizing: border-box;
	background-color: white;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
	animation: .3s ease-out slideInDown;

	& #home {
		& a {
			font-family: "Lobster Bold Italic";
			font-size: 2.4rem;
			transition: .3s ease-in-out;

			&:hover {
				color: #8ea58c;
			}
		}
	}
	& #links {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 1rem;
		
		& a {
			position: relative;
			transition: 0.3s ease-in-out;

			&::before, &::after {
				content: "\2726";
				color: #8ea58c;
				display: inline-block;
				transform: scale(0);
				transition: 0.3s ease-in-out;
				margin: 0 0.25rem;
			}
			&:hover {
				color: #8ea58c;
				&::before, &::after {
					transform: scale(1);
				}
			}
		}
	}
	& #social {
		display: flex;
		justify-content: center;
		gap: 1rem;

		& img {
			height: 2.5rem;
			width: auto;
			transition: .5s ease-in-out;

			&:hover {
				transform: rotateY(360deg) scale(1.1);
				filter: brightness(0) saturate(100%) invert(68%) sepia(8%) saturate(727%) hue-rotate(68deg) brightness(92%) contrast(87%);
			}
		}
	}
}

@keyframes slideInLeft {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(0%); }
}
@keyframes slideInDown {
	0% { transform: translateY(100%); }
	100% { transform: translateY(0%); }
}

/* Content */
#content {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	margin-bottom: 15rem;
	height: 75vh;
	padding: 2rem;

	& model-viewer {
		width: 70vw;
		height: 70vh;
	}

	& .welcome {
		width: 75%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;

		& * {
			margin-block: -9rem;
		}
	}

	&.gallery {
		overflow-x: auto;
 		scroll-behavior: smooth;
 		height: calc(100vh - 15rem);
 		box-sizing: border-box;

 		&::-webkit-scrollbar {
 			height: 10px;
 		}
 		&::-webkit-scrollbar-thumb {
 			background: #fff;
 			border-radius: 10px;
 		}
	}

	& .gallery-list {
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
		height: 100%;
		width: 100%;
		list-style: none;

		& li {
			position: relative;
			width: 100%;
			height: 48%;
			overflow: hidden;
			border-radius: 2rem;
			box-shadow: 0 2px 8px rgba(0,0,0,0.1);
			background-color: white;

			& img {
				position: absolute;
				width: 100%;
				height: 100%;
				object-fit: cover;
				opacity: 0;
				transition: opacity 1s ease;

				&.active {
					opacity: 1;
				}
			}
		}
	}

	&.contact {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: calc(100vh - 15rem);
		margin-left: 0;
		margin-bottom: 15rem;
		gap: 2rem;

		& a {
			font-size: 2rem;
			line-height: normal;
			transition: .3s ease;

			&:hover {
				color: #8ea58c;
			}

			&:nth-child(2) {
				&:hover {
					text-decoration: line-through;
				}
			}
		}
	}
}

/* Modal / Under Construction */
body.modal-open {
	height: 100vh;
	overflow: hidden;
}
.modal {
	position: absolute;
	inset: 0;
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;

	& > div {
		background: white;
		padding: 3rem;
		border-radius: 10px;
		max-width: 27rem;
		text-align: center;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	}
	& h2 {
		margin-top: 0;
		font-size: 5.6rem;
		line-height: 4.8rem;
	}
	& p {
		margin-block: 2rem;
	}
	& button {
		background: none;
		border: none;
		cursor: pointer;
		position: relative;
		transition: 0.3s ease-in-out;

		&::before, &::after {
			content: "\2726";
			color: #8ea58c;
			display: inline-block;
			transform: scale(0);
			transition: 0.3s ease-in-out;
			margin: 0 0.25rem;
		}
		&:hover {
			color: #8ea58c;
			&::before, &::after {
				transform: scale(1);
			}
		}
	}
}

/* Responsiveness */
@media (min-width: 320px) {  }
@media (min-width: 480px) {  }
@media (min-width: 768px) { 
	.background span {
		display: none;
	}
}
@media (min-width: 992px) { 
	a {
		font-size: 2.1rem;
		line-height: 2.4rem;
	}
	button {
		font-size: 2.1rem;
		line-height: 2.4rem;
	}
	h1 {
		font-size: 14.4rem;
		line-height: 12.0rem;
	}
	h2 {
		font-size: 14.4rem;
		line-height: 12.0rem;
	}
	p {
		font-size: 2.4rem;
		line-height: 2.8rem;
	}
	#nav {
		bottom: auto;
		height: 100%;
		width: 20rem;
		padding: 2rem;
		animation: .3s ease-out slideInLeft;

		& #home {
			& a {
				font-size: 3.2rem;
			}
		}
		& #links {
			flex-direction: column;

			& a {
				&::before, &::after {	
					margin: 0 0.5rem;
				}
			}
		}
		& #social {
			justify-content: space-around;

			& img {
				height: 2.75rem;
			}
		}
	}
	#content {
		margin-left: 20rem;
		margin-bottom: 0;
		height: 90vh;

		& .welcome {
			width: 50%;
		}
		&.gallery {
			height: 100vh;
		}
		& .gallery-list {
			& li {
				width: 48%;
			}
		}
		&.contact {
			height: 100vh;
			margin-left: 20rem;
			margin-bottom: 0;

			& a {
				font-size: 4rem;
			}
		}
	}
	.modal {
		& > div {
			max-width: 50rem;
		}
		& h2 {
			font-size: 8.4rem;
			line-height: 8.4rem;
		}
	}
}
@media (min-width: 2000px) {  }
@media (min-width: 2200px) {  }





@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #8ea58c;
    overflow: hidden;
    z-index: -100;
}

.background span {
	display: none;
    width: 50vmin;
    height: 50vmin;
    border-radius: 50vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 25;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #abc2a8;
    top: 35%;
    left: 89%;
    animation-duration: 253s;
    animation-delay: -182s;
    transform-origin: 9vw 23vh;
    box-shadow: 100vmin 0 13.121231767910812vmin currentColor;
}
.background span:nth-child(1) {
    color: #abc2a8;
    top: 68%;
    left: 1%;
    animation-duration: 159s;
    animation-delay: -140s;
    transform-origin: 21vw -21vh;
    box-shadow: -100vmin 0 12.842019877878926vmin currentColor;
}
.background span:nth-child(2) {
    color: #abc2a8;
    top: 32%;
    left: 33%;
    animation-duration: 224s;
    animation-delay: -248s;
    transform-origin: 14vw 16vh;
    box-shadow: 100vmin 0 12.79356971385489vmin currentColor;
}
.background span:nth-child(3) {
    color: #abc2a8;
    top: 2%;
    left: 57%;
    animation-duration: 160s;
    animation-delay: -30s;
    transform-origin: 12vw 5vh;
    box-shadow: -100vmin 0 12.707849634465555vmin currentColor;
}
.background span:nth-child(4) {
    color: #abc2a8;
    top: 22%;
    left: 95%;
    animation-duration: 7s;
    animation-delay: -127s;
    transform-origin: 15vw -22vh;
    box-shadow: -100vmin 0 12.777721705870373vmin currentColor;
}
.background span:nth-child(5) {
    color: #abc2a8;
    top: 39%;
    left: 96%;
    animation-duration: 26s;
    animation-delay: -247s;
    transform-origin: -10vw 9vh;
    box-shadow: 100vmin 0 13.426732546374506vmin currentColor;
}
.background span:nth-child(6) {
    color: #abc2a8;
    top: 48%;
    left: 10%;
    animation-duration: 252s;
    animation-delay: -34s;
    transform-origin: 6vw -18vh;
    box-shadow: 100vmin 0 13.150479924717132vmin currentColor;
}
.background span:nth-child(7) {
    color: #abc2a8;
    top: 22%;
    left: 40%;
    animation-duration: 252s;
    animation-delay: -196s;
    transform-origin: -15vw 0vh;
    box-shadow: 100vmin 0 12.889379045612772vmin currentColor;
}
.background span:nth-child(8) {
    color: #abc2a8;
    top: 48%;
    left: 17%;
    animation-duration: 7s;
    animation-delay: -44s;
    transform-origin: 15vw 13vh;
    box-shadow: -100vmin 0 13.445116039473055vmin currentColor;
}
.background span:nth-child(9) {
    color: #abc2a8;
    top: 45%;
    left: 88%;
    animation-duration: 170s;
    animation-delay: -199s;
    transform-origin: -22vw -1vh;
    box-shadow: -100vmin 0 12.536100325176454vmin currentColor;
}
.background span:nth-child(10) {
    color: #abc2a8;
    top: 4%;
    left: 31%;
    animation-duration: 63s;
    animation-delay: -108s;
    transform-origin: 19vw 11vh;
    box-shadow: -100vmin 0 12.952419891041316vmin currentColor;
}
.background span:nth-child(11) {
    color: #abc2a8;
    top: 86%;
    left: 37%;
    animation-duration: 248s;
    animation-delay: -17s;
    transform-origin: 22vw 1vh;
    box-shadow: 100vmin 0 13.130615805652912vmin currentColor;
}
.background span:nth-child(12) {
    color: #abc2a8;
    top: 19%;
    left: 85%;
    animation-duration: 95s;
    animation-delay: -220s;
    transform-origin: 21vw -20vh;
    box-shadow: -100vmin 0 13.302747392205768vmin currentColor;
}
.background span:nth-child(13) {
    color: #abc2a8;
    top: 19%;
    left: 38%;
    animation-duration: 154s;
    animation-delay: -163s;
    transform-origin: 3vw 9vh;
    box-shadow: 100vmin 0 13.080835188033854vmin currentColor;
}
.background span:nth-child(14) {
    color: #abc2a8;
    top: 59%;
    left: 22%;
    animation-duration: 180s;
    animation-delay: -63s;
    transform-origin: -23vw -15vh;
    box-shadow: -100vmin 0 12.74735630637884vmin currentColor;
}
.background span:nth-child(15) {
    color: #abc2a8;
    top: 70%;
    left: 64%;
    animation-duration: 137s;
    animation-delay: -181s;
    transform-origin: 12vw 19vh;
    box-shadow: -100vmin 0 13.288606473649255vmin currentColor;
}
.background span:nth-child(16) {
    color: #abc2a8;
    top: 68%;
    left: 47%;
    animation-duration: 14s;
    animation-delay: -243s;
    transform-origin: 11vw 24vh;
    box-shadow: -100vmin 0 12.813388839218378vmin currentColor;
}
.background span:nth-child(17) {
    color: #abc2a8;
    top: 14%;
    left: 92%;
    animation-duration: 74s;
    animation-delay: -4s;
    transform-origin: 24vw 11vh;
    box-shadow: 100vmin 0 13.412396272046756vmin currentColor;
}
.background span:nth-child(18) {
    color: #abc2a8;
    top: 9%;
    left: 10%;
    animation-duration: 99s;
    animation-delay: -204s;
    transform-origin: 22vw -16vh;
    box-shadow: 100vmin 0 13.090209403588277vmin currentColor;
}
.background span:nth-child(19) {
    color: #abc2a8;
    top: 52%;
    left: 14%;
    animation-duration: 161s;
    animation-delay: -226s;
    transform-origin: 3vw -17vh;
    box-shadow: 100vmin 0 12.532108024527666vmin currentColor;
}
.background span:nth-child(20) {
    color: #abc2a8;
    top: 30%;
    left: 31%;
    animation-duration: 41s;
    animation-delay: -207s;
    transform-origin: -18vw -15vh;
    box-shadow: 100vmin 0 13.324670881746236vmin currentColor;
}
.background span:nth-child(21) {
    color: #abc2a8;
    top: 12%;
    left: 100%;
    animation-duration: 246s;
    animation-delay: -131s;
    transform-origin: 14vw 22vh;
    box-shadow: -100vmin 0 13.019754847009613vmin currentColor;
}
.background span:nth-child(22) {
    color: #abc2a8;
    top: 94%;
    left: 36%;
    animation-duration: 73s;
    animation-delay: -100s;
    transform-origin: 18vw 0vh;
    box-shadow: -100vmin 0 12.828777430769419vmin currentColor;
}
.background span:nth-child(23) {
    color: #abc2a8;
    top: 48%;
    left: 83%;
    animation-duration: 20s;
    animation-delay: -145s;
    transform-origin: -2vw -6vh;
    box-shadow: -100vmin 0 12.696910395553722vmin currentColor;
}
.background span:nth-child(24) {
    color: #abc2a8;
    top: 94%;
    left: 40%;
    animation-duration: 173s;
    animation-delay: -72s;
    transform-origin: -1vw 8vh;
    box-shadow: 100vmin 0 13.22915987967642vmin currentColor;
}
.background span:nth-child(25) {
    color: #abc2a8;
    top: 75%;
    left: 86%;
    animation-duration: 144s;
    animation-delay: -222s;
    transform-origin: -22vw 14vh;
    box-shadow: 100vmin 0 12.631887187460284vmin currentColor;
}
.background span:nth-child(26) {
    color: #abc2a8;
    top: 29%;
    left: 73%;
    animation-duration: 110s;
    animation-delay: -111s;
    transform-origin: -3vw -1vh;
    box-shadow: 100vmin 0 12.716612242094643vmin currentColor;
}
.background span:nth-child(27) {
    color: #abc2a8;
    top: 89%;
    left: 61%;
    animation-duration: 226s;
    animation-delay: -5s;
    transform-origin: -11vw 14vh;
    box-shadow: 100vmin 0 12.702257239885549vmin currentColor;
}
.background span:nth-child(28) {
    color: #abc2a8;
    top: 29%;
    left: 8%;
    animation-duration: 193s;
    animation-delay: -138s;
    transform-origin: 5vw 17vh;
    box-shadow: 100vmin 0 12.77027869888351vmin currentColor;
}
.background span:nth-child(29) {
    color: #abc2a8;
    top: 66%;
    left: 5%;
    animation-duration: 10s;
    animation-delay: -165s;
    transform-origin: -17vw -24vh;
    box-shadow: -100vmin 0 13.33657776588223vmin currentColor;
}
.background span:nth-child(30) {
    color: #abc2a8;
    top: 5%;
    left: 78%;
    animation-duration: 160s;
    animation-delay: -243s;
    transform-origin: -9vw -16vh;
    box-shadow: 100vmin 0 12.795982501736983vmin currentColor;
}
.background span:nth-child(31) {
    color: #abc2a8;
    top: 48%;
    left: 90%;
    animation-duration: 241s;
    animation-delay: -30s;
    transform-origin: -24vw -1vh;
    box-shadow: -100vmin 0 13.237164591434295vmin currentColor;
}
.background span:nth-child(32) {
    color: #abc2a8;
    top: 6%;
    left: 3%;
    animation-duration: 54s;
    animation-delay: -124s;
    transform-origin: 11vw -20vh;
    box-shadow: 100vmin 0 12.751540169125574vmin currentColor;
}
.background span:nth-child(33) {
    color: #abc2a8;
    top: 77%;
    left: 6%;
    animation-duration: 131s;
    animation-delay: -242s;
    transform-origin: -16vw -14vh;
    box-shadow: 100vmin 0 13.487375485522207vmin currentColor;
}
.background span:nth-child(34) {
    color: #abc2a8;
    top: 86%;
    left: 27%;
    animation-duration: 202s;
    animation-delay: -116s;
    transform-origin: -21vw 25vh;
    box-shadow: -100vmin 0 13.32957938306856vmin currentColor;
}
.background span:nth-child(35) {
    color: #abc2a8;
    top: 43%;
    left: 28%;
    animation-duration: 210s;
    animation-delay: -29s;
    transform-origin: 23vw -12vh;
    box-shadow: -100vmin 0 12.724249358536396vmin currentColor;
}
.background span:nth-child(36) {
    color: #abc2a8;
    top: 97%;
    left: 100%;
    animation-duration: 212s;
    animation-delay: -128s;
    transform-origin: 1vw -5vh;
    box-shadow: -100vmin 0 13.059826306976788vmin currentColor;
}
.background span:nth-child(37) {
    color: #abc2a8;
    top: 95%;
    left: 15%;
    animation-duration: 201s;
    animation-delay: -129s;
    transform-origin: 24vw -22vh;
    box-shadow: 100vmin 0 13.388949763680762vmin currentColor;
}
.background span:nth-child(38) {
    color: #abc2a8;
    top: 82%;
    left: 88%;
    animation-duration: 60s;
    animation-delay: -85s;
    transform-origin: -13vw 12vh;
    box-shadow: -100vmin 0 12.582602689803553vmin currentColor;
}
.background span:nth-child(39) {
    color: #abc2a8;
    top: 38%;
    left: 62%;
    animation-duration: 42s;
    animation-delay: -228s;
    transform-origin: 24vw -20vh;
    box-shadow: -100vmin 0 12.788778503406029vmin currentColor;
}
.background span:nth-child(40) {
    color: #abc2a8;
    top: 1%;
    left: 65%;
    animation-duration: 168s;
    animation-delay: -112s;
    transform-origin: 17vw -9vh;
    box-shadow: -100vmin 0 12.648358312664595vmin currentColor;
}
.background span:nth-child(41) {
    color: #abc2a8;
    top: 16%;
    left: 24%;
    animation-duration: 218s;
    animation-delay: -34s;
    transform-origin: -16vw 17vh;
    box-shadow: 100vmin 0 13.305203462523238vmin currentColor;
}
.background span:nth-child(42) {
    color: #abc2a8;
    top: 43%;
    left: 63%;
    animation-duration: 133s;
    animation-delay: -206s;
    transform-origin: -18vw -4vh;
    box-shadow: 100vmin 0 13.246714348570357vmin currentColor;
}
.background span:nth-child(43) {
    color: #abc2a8;
    top: 37%;
    left: 90%;
    animation-duration: 119s;
    animation-delay: -211s;
    transform-origin: -7vw 8vh;
    box-shadow: -100vmin 0 13.343676348515555vmin currentColor;
}
.background span:nth-child(44) {
    color: #abc2a8;
    top: 85%;
    left: 66%;
    animation-duration: 138s;
    animation-delay: -170s;
    transform-origin: 18vw 10vh;
    box-shadow: -100vmin 0 13.00617598523369vmin currentColor;
}
.background span:nth-child(45) {
    color: #abc2a8;
    top: 73%;
    left: 36%;
    animation-duration: 169s;
    animation-delay: -229s;
    transform-origin: 22vw 25vh;
    box-shadow: 100vmin 0 12.652385498548258vmin currentColor;
}
.background span:nth-child(46) {
    color: #abc2a8;
    top: 35%;
    left: 18%;
    animation-duration: 207s;
    animation-delay: -169s;
    transform-origin: -12vw -21vh;
    box-shadow: -100vmin 0 13.331498501798036vmin currentColor;
}
.background span:nth-child(47) {
    color: #abc2a8;
    top: 28%;
    left: 15%;
    animation-duration: 113s;
    animation-delay: -55s;
    transform-origin: -14vw 4vh;
    box-shadow: 100vmin 0 13.427682432817182vmin currentColor;
}
.background span:nth-child(48) {
    color: #abc2a8;
    top: 12%;
    left: 62%;
    animation-duration: 119s;
    animation-delay: -187s;
    transform-origin: 16vw 22vh;
    box-shadow: 100vmin 0 13.048079218983412vmin currentColor;
}
.background span:nth-child(49) {
    color: #abc2a8;
    top: 5%;
    left: 37%;
    animation-duration: 109s;
    animation-delay: -243s;
    transform-origin: 17vw -19vh;
    box-shadow: 100vmin 0 13.131601384227357vmin currentColor;
}