@font-face {
	font-family: OxaBold;
	src: url(fonts/Oxanium-Bold.ttf) format("truetype");
}

@font-face {
	font-family: OxaReg;
	src: url(fonts/Oxanium-Regular.ttf) format("truetype");
}

@font-face {
	font-family: OxaMid;
	src: url(fonts/Oxanium-SemiBold.ttf) format("truetype");
}

body {
	height: 100vh;
	width: 100vw;
	margin: 0rem;
	overflow: hidden;
	background-color: black;
}

.background {
	position: fixed;
	height: 100%;
	width: 100%;
	background-image: url(images/background.jpg);
	background-size: cover;
	box-shadow: inset 0vmin 0vmin 45vmin black;
}

.menu {
	margin-top: 25vmin;
	margin-left: 15vmin;
	user-select: none;
}

.title {
	color: white;
	margin-bottom: 0;
	font-size: 15vmin;
	font-family: OxaBold, sans-serif;
	white-space: nowrap;
}


.options {
	margin-left: 1vmin;
	height: 8.5vmin;
	width: 69vmin;
	overflow: hidden;
	transition: height 0.2s ease-in-out;
}

.contact {
	height: 13.5vmin;
}

.options:hover {
	height: 13vmin;
}

.top-options {
	width: 69vmin;
}

.top-options:hover+.options {
	height: 6.5vmin;
}


.option {
	display: block;
	color: white;
	font-size: 7.4vmin;
	line-height: 7.4vmin;
	font-family: OxaMid, sans-serif;
}


.sub-option {
	display: inline-block;
	padding: 1vmin;
	padding-bottom: 0.7vmin;
	color: white;
	font-size: 2.7vmin;
	font-family: OxaReg, sans-serif;
	border-radius: 2.5vmin 0vmin;
	transition: background-color 0.2s ease-in-out;
}

.sub-option:hover {
	background-color: white;
	color: black;
}

.contacts {
	height: 6vmin;
	width: 6vmin;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 6vmin;
	overflow: visible;
	transition: background-size 0.3s ease-in-out, filter 0.3s ease-in-out;
}

.contacts:hover {
	background-size: 6.5vmin;
	filter: drop-shadow(0 0 15px #ffffff) brightness(135%);
}

.insta {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5' clip-rule='evenodd' viewBox='0 0 1000 1000'%3E%3Cpath fill='none' d='M-.03 0h1000v1000H-.03z'/%3E%3Ccircle cx='10992.7' cy='6819.8' r='46.24' fill='url(%23a)' transform='matrix(.6517 .6517 -.6517 .6517 -2009.5 -11319.45)'/%3E%3Cpath fill='none' stroke='url(%23b)' stroke-width='64.7' d='M11184 6785.09c0-105.11-85.4-190.45-190.5-190.45h-380.9c-105.1 0-190.4 85.34-190.4 190.45v380.92c0 105.12 85.3 190.46 190.4 190.46h380.9c105.1 0 190.5-85.34 190.5-190.46v-380.92Z' transform='matrix(.9293 0 0 .9293 -9539.14 -5982.27)'/%3E%3Ccircle cx='10779.7' cy='7033.52' r='167.48' fill='none' stroke='url(%23c)' stroke-width='60.13' transform='matrix(1 0 0 1 -10279.69 -6533.52)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1' y1='0' y2='0' gradientTransform='scale(940.7982) rotate(1.86 -228 348.56)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23007aff'/%3E%3Cstop offset='.56' stop-color='%23b325cb'/%3E%3Cstop offset='1' stop-color='%23ff00b5'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' x2='1' y1='0' y2='0' gradientTransform='rotate(46.11 -2565.73 15633.97) scale(925.683)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23007aff'/%3E%3Cstop offset='.56' stop-color='%23b325cb'/%3E%3Cstop offset='1' stop-color='%23ff00b5'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' x2='1' y1='0' y2='0' gradientTransform='scale(859.764) rotate(44.06 -3.6 18.97)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23007aff'/%3E%3Cstop offset='.56' stop-color='%23b325cb'/%3E%3Cstop offset='1' stop-color='%23ff00b5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.twit {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 1000 1000'%3E%3Cpath fill='none' d='M0 0h1000v1000H0z'/%3E%3Cpath fill='%231da1f2' d='M141.8 553.6a208.3 208.3 0 0 1-67.4-156.8 35 35 0 0 1 22-31.7 209.6 209.6 0 0 1 7.7-196 35 35 0 0 1 57.4-4.5A460.2 460.2 0 0 0 454 329.9a209.6 209.6 0 0 1 347.3-158.4c29.3-7.5 56.9-19 82.2-34a35 35 0 0 1 51.2 40.7 207 207 0 0 1-9.1 23.4 34.9 34.9 0 0 1 28.3 54.4 390.2 390.2 0 0 1-80.6 87.7c2 257.5-192.6 536.5-530.9 536.5a528.3 528.3 0 0 1-286-83.8 35 35 0 0 1 23-64.3c56.4 6.7 113-1.8 164-24.2-50.2-25-89-69.5-106.3-123.6a35 35 0 0 1 4.7-30.7Zm783-317A348 348 0 0 1 824.7 264c36-21.6 63.6-55.8 76.6-96.5-33.6 20-71 34.5-110.7 42.3a174.5 174.5 0 0 0-297 159 494.8 494.8 0 0 1-359.2-182.1 174.5 174.5 0 0 0 53.9 232.7c-28.6-1-55.5-8.7-79-21.8-1.8 80.7 56 156.3 139.9 173a174.7 174.7 0 0 1-78.8 3 174.4 174.4 0 0 0 162.9 121.1 350.5 350.5 0 0 1-258 72.2 493.4 493.4 0 0 0 267.1 78.3c323.6 0 506.5-273.3 495.4-518.4 34-24.6 63.6-55.3 87-90.3Z'/%3E%3C/svg%3E");
}

.mail {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5' clip-rule='evenodd' viewBox='0 0 1000 1000'%3E%3Cpath fill='none' d='M0 0h1000v1000H0z'/%3E%3Cpath fill='none' stroke='url(%23a)' stroke-width='35' d='M14430.8 5776.3c0-39.4-32-71.4-71.4-71.4h-565.2c-39.4 0-71.4 32-71.4 71.4v277c0 39.5 32 71.4 71.4 71.4h565.2c39.4 0 71.4-32 71.4-71.3v-277Zm-25.1-54.2-328.9 204.4-332.1-201.6' transform='matrix(1 0 0 1 -13576.8 -5270.8)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1' y1='0' y2='0' gradientTransform='rotate(45 422.5 19022.7) scale(1414)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2354a5fd'/%3E%3Cstop offset='1' stop-color='%23004e93'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.mail:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5' clip-rule='evenodd' viewBox='0 0 1000 1000'%3E%3Cpath fill='none' d='M0 0h1001v1000H0z'/%3E%3Cpath fill='none' stroke='url(%23a)' stroke-width='35' d='M11732 7020v-345h469v349m0-154 98 88h0c13 13 22 31 22 51v309c0 38-32 69-70 69h-569c-38 0-69-31-69-69v-309c0-20 8-37 21-50h0l98-89m574 98-339 195m-333-204 333 204m-131-400h262m-262 77h262m-262 77h262' transform='translate(-11467 -6534)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1' y1='0' y2='0' gradientTransform='rotate(45 -2156 17107) scale(1414)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2354a5fd'/%3E%3Cstop offset='1' stop-color='%23004e93'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}