<!--
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++#+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++''+++'+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++''''+''''''++''+''''+++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++#++++++++++++'+'''''''''''';'+++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++#++++++++++++++++++'''++'++''';++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++###++++++++++++++++++''+''''''+;;'+++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++#####++++++++++'+++''+++++''+''''';+++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++#+###+++++++++++++++''++''++'+'''''+;'++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++######+#++++++'++++''++'+++'+';''''+'':;+++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++#######+#######++++++++++'+++++'+'';'';';;;++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++#########@#@@###@@@#++++++++++++++''+'''';;;;'+++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++########@@##############+++++++++++'''+''''''';;++++#+++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++########@##@#@@##############+++++++++++''''''';;''++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++##@@@@#@##@##@@@@@###########+#+###+++'++++'''';;;;;;+++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++####@@@@@@#@@@@@@@################++##++++++'+'''';;';++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++#####@@@@@@@@@@@@@@@@@###@#@########+++#+++++++++'';;;''++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++######@@@@@@@@@@@@########@##@########++++#++++++'''';;;';+++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++#######@@@@@@@@#######+#+##@@#@########+++'+#+++++++'''';;''+++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++#####@#@@@@@@@@#########+++#@@#@##########++''@#++++++'';;;;'++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++#####@@@@@@@@@@@##@@#@+######@############+++++'##++++''''';;;+++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++####@@@@@@@@@@@@#@##+++#+##+##@#####@#######+++++''##++''';';;;++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++####@@@@@@@@@@@@@@@#+';''+###@####@@########+++++++'''##+';';;;;+++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++###@@@@@@@@@@@@#@#+;;'';;+++@@@####@@##########++++++++''+#+;;';;++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++##@@@@@@@@@@@@@@@+''+''';;###@@@@###@##########+++++++++++'++#';;;+++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++#@@@@@@@@@@@@@@##;'''';;+++#@@@######@###########+++++++++++'+#;;;++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++@@@@@@@@@@@@@#@@##'''++++++#@@#@#####@@@@#++########+++++++++''#;;;+++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++#@@@@@@@@@@@@#@@'##''#+++++#@@@#@#####@@@@##############+++++++'#;''++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++#@@@@@@@@@@@@#@+'+#';;;++++##@@##@#####@@@@###################++'+;;++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++@@@@@@@@@@@@#@###';';'++++#@@#@########@@@####################+++;;;#++++++++++++++++++++++++
++++++++++++++++++++++++++++++++#@@@@@@@@@@@@@''#+@';'++++#@@##@########@@@#++#################++#;;;++++++++++++++++++++++++
++++++++++++++++++++++++++++++++##@@@@@@@@@@@@++#@#+;;+++++@@#@#######++#@@#++################+#+++;;'+#+++++++++++++++++++++
+++++++++++++++++++++++++++++++++#@@@@@@@@@@@@#++###+''#+##@############+#@##++###@@#############++;;;##+++++++++++++++++++++
+++++++++++++++++++++++++++++++++##@@@@@@@@@@@@##@@++++++#@############++####+####@@############++##;;;++++++++++++++++++++++
+++++++++++++++++++++++++++++++++##@@@@@@@@@@@@#@#@++++##@@@#############++###+###@@@@##########++'##''++++++++++++++++++++++
++++++++++++++++++++++++++++++++++#@@@@@@@@@@@@@@@#+++##@@##@@@@###############+###@@@@@#########++'##+#+++++++++++++++++++++
++++++++++++++++++++++++++++++++++##@@@@@@@@@@@@@@@##@@@@@#@@@@@@@###+################@##########+++'++'+++++++++++++++++++++
+++++++++++++++++++++++++++++++++###@@@@@@@@@@@@@@@@@@@@@###@#@@@@@#####@@@@@@#####+#############+++'''++++++++++++++++++++++
++++++++++++++++++++++++++++++++#@###@@@@@@@@@@@@@@@@@@@@@#####@@@@@#####@@@######@@##+########+++++'''#+++++++++++++++++++++
+++++++++++++++++++++++++++++++##@@###@@@@##@@@@@@@@@@@@@@@@#@###@@@@@####@@@###@@@@@@########+#++++''+++++++++++++++++++++++
++++++++++++++++++++++++++++++++#@@@@@#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#####@@##@#@@@@@@##########++++'#++++++++++++++++++++++
+++++++++++++++++++++++++++++++##@@@@@@#++##@@@@@@@@@@@@@@@@@@@@@@@@@@@####@@####@@@@@@@@#########+++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++##@@@@@@#+++++####@@@@@@@@@@@@@@@@@@@@@@@@###@####@@@@@@###########+++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++##@@@@@#++++++#++++++''++#@@@@@@@@@@@@@@@@@#########@@##########+++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++####@@@@@#+++++++++++'++++'''';;;'+#@@@@@@@@@@@@@@####@@###########++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++#@####@@@@#+++++++++++'''''''''';;;;;::::;+#@@@@@@@@@@@@@@@@#####+++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++##@###@@@@@++++++++++++'+''''';;:;;;;::,,,,,.,'#;'#@@@@@@@@@@@######+#+++++++++++++++++++++++++++
+++++++++++++++++++++++++++##@@####@@@@++++++++++++'''++'';;;;::::,,,::,,+#,,,:,,:;+#@@@@@@@@@#+'++;#++++++++++++++++++++++++
+++++++++++++++++++++++++####@@#@#@#@@#++'+++++++++''''''';;:;:;::,,::;,##,,,..,,,,::;+#@@@@#+'';''';+#++++++++++++++++++++++
++++++++++++++++++++++++++###@@#@+##@@++''''++++++++'''''''::;:;,:,,,;:##,``.`.,,,,,::,'''+@#:;+:'''++;++++++++++++++++++++++
++++++++++++++++++++++++######@####@@@+''''+++++'''''''''';;::;::,,,::##.,,...,,,,,::,.,:;'##:;+;';';'++#++++++++++++++++++++
++++++++++++++++++++++++####@######@@@''''+++++++''''''''';;::;;:,,,:#+,.....,,,,,,,,,,...`+#;;#'';'+''++++++++++++++++++++++
++++++++++++++++++++++++++#@####@#+#@#';;'+++++++''''''''';;::::::,:++,...,.....,,::::,,..`+#;;+'';'';;;'++++++++++++++++++++
++++++++++++++++++++++++++##@#@@@++#@+';'+######++++''''';';;:::,::++,..,,,,,,,::;'';;,,.``;#:'+''++++'++#+++++++++++++++++++
+++++++++++++++++++++++++##@+#@@##'#@';'##@@##@@@#+++''';''';:::,'++:,,,,,,,::;''';;;:::,``.#`'';;;+###+'++++++++++++++++++++
++++++++++++++++++++++++#####+#@#@++@';'#@@@@@@#@@@#+++'''';;;,''+;;,,,,,,:;''++'';;:::::``.#;';';;++'#+++#++++++++++++++++++
+++++++++++++++++++++++#####+##@+###@'''@@@@@@@@@@##@###+++;';:##':;:,:;;;;'++++'';;;;:::.` +;':':';''+##++++++++++++++++++++
++++++++++++++++++++++##############@;'+@@@@@@@@@@@@@@##@##'+'@#;';;::;;'+++++++++++';;::.` +;',;:;''+++#++++++++++++++++++++
++++++++++++++++++++++#@@###+###@#@#@;'+@@@@@@@@@@@@@@@@@@#@@@#';''';'''++++##+#+#+''+'::.``+'+:;::';;##+++++++++++++++++++++
+++++++++++++++++++++###@@#+##++#+@#@;'+@@@@@@@@@@@@@@@@@@@@@#'+;''#+++#@#+#+#'':++''';::.` +'+':':,;';++++++++++++++++++++++
+++++++++++++++++++++###@#+##+#+###@@:'+@@@@@@@@@@@@@@@@@@@@@@#'##''#@@+++''++'.';;;:::,,,` '',;'';;:;'+#++++++++++++++++++++
++++++++++++++++++#####@+###+#+++#+#@:++#@@@@@@@@@@@@@@@@@@@@@@#';;;;''''''';;;;';;::,,,,.``+;`:+'';:;;+#++++++++++++++++++++
++++++++++++++++++++#@@@@#####++##+##:'+#@@@@@@@@@@@@@@@@@@@#@#':,::;''';'++';;;;;::,,,.,.``+' :+;':;:';##+++++++++++++++++++
++++++++++++++++++++##########++@#+##;'++@@@@@@@@@@@@@@@@@@@@#+;:,,,,;;;'::'++';;;,,.,,...``':::+;;';;:'+++++++++++++++++++++
+++++++++++++++++++++##@@####++#@+++#;'++@@@@@@@@@@@@@@@@@@#@#+;:,,,,::;;'::::;,,,,,.,,...``;:;#:;':+;:++###+++++++++++++++++
++++++++++++++++++#++##@@###++#######';++#@@@@@@@@@@@@@@@@@@#++';.,,.,,:;:,:::,,,,..,,,... ,';.++''''';'+#+++++++++++++++++++
+++++++++++++++++++++#######+##@####@#;+++#@@@@@@@@@@@@@@@@###+';,,,,`,,,,,.......,,,:,,.. ;':,;+'''''+++++++##++++++++++++++
+++++++++++++++++##########+###@##+###;'++#@@@@@@@@@@@@@@+###++';,,,,,,,,,....,,,,:::,,,,``'+;#+;'''''+'+#+#+++++++++++++++++
++++++++++++++++++##############@#@###';+#@@@@@@@@@@@@@#++###++';,,:,,,,,,,..,,,::::,,,,,``'+''+''+'''+'+###+++++++++++++++++
+++++++++++++++++###################@#+'@@##@@@@@@@@@+++''+##++';,,:,,:,,,,.,.,,:::::,,,,`.+#';+'''';''+####+++++++++++++++++
++++++++++++++++++################+##@@@#++##@@@@@#++'''''+##++';.,,,,,,,,...,,,,:::,,,,...++';;+';+'';'####+++++++++++++++++
+++++++++++++++++++#####@@@########@#@#''+++###+#+++''''''+###+';.,:,:,,,,,..,..,,,,,,.,.`,+;';';+''+;''+###+#+++++++++++++++
+++++++++++++++++++###@#@@###+######@@#+''+++##+++''''+''+####+';.,,:::::,,,,,....,,:,..`.'+';::+;''';;+'+##+++++++++++++++++
++++++++++++++++++++###@#@####+######@@+''+++#++++++'+++++####+;:..,,,;';::,,,,,....,,,.`.'++'';;+';''';''+++++++++++++++++++
+++++++++++++++++++++##@@###########@@@#''++#++++++++++++####++':.,,,,:,';:::::,,,,.`,,..:+#';+;;'++''';;++++++++++++++++++++
+++++++++++++++++++++###@##+#+#@####@@@#++++#+++++++++++##+++++':,,.,,,,,#';:::::,,.`.,..:++++'''+''+'++;'+++++++++++++++++++
++++++++++++++++++++++##@@##########@@@#++++++###+++++++#++++++':,...,,,,;#+;::::,,,..,.,:+#''++'++'++'++''++++++++++++++++++
+++++++++++++++++++++++@@@##########@@@##+++++####+++++##++##++':....,,,;;;+';;:::,,..,.;++++''++'#+#'++++#+#++++++++++++++++
++++++++++++++++++++++#@@##@@######@#@@@#+++++####++++#######++';,.,.,:'';;:'';;::,,,.,,,'#++'+++++++++++##+#++++++++++++++++
+++++++++++++++++++++++#@#@#@######@#@@@#++#++####+++######@#+++'::,,;#';;;::'';::,:,.,::'++'''++#'#+#+#####+++++++++++++++++
+++++++++++++++++++++++#@@@#@########@@@##+#+#####++##########++';;:;';;;;:;:;';::::,,,,;'#++''#+#+++++#++##+++++++++++++++++
+++++++++++++++++++++++#@@@#@########@@@##+#+######+###########+#''+'';:;;;;;;;;;:,:,,:,'+#+#++#+########++++++++++++++++++++
+++++++++++++++++++++++@@###@#########@@##+#+##################@@++''';''''''';;;::::,::;+###'+#+####+#+##+++++++++++++++++++
++++++++++++++++++++++++@@###########@@@@#+#+######@@@@@@@######++'''++''''''+'''::::::;++###++#####@########++++++++++++++++
++++++++++++++++++++++++######@###@#@#@@@###+######@@@@#@#@@###+'+''+''''+++'++'';::,:;'###########@##+##+##+++++++++++++++++
+++++++++++++++++++++++++#####@#@@@#@#@@@####+#####@@#@######+#''++''+''''+++++++;::,:;+++#########@@#+###+++++++++++++++++++
+++++++++++++++++++++++++'###@@@####@#@@@@###+#######@####+++++;:'+;;++''+++#'+''':::;'#+####+###@@@@@+##++++++++++++++++++++
++++++++++++++++++++++++''+##########@@@@#@###+######@###+#####+''+++';'''''#+''';:;;++++#######@@@@#@##+#+++++++++++++++++++
+++++++++++++++++++++++'''+###########@@@#############@@@@@@@@@@@####@#@##+#+'+:;::;;++++#@####@@@@@@@####+++++++++++++++++++
+++++++++++++++++++++''''+'+#####+#@##@@@@############@@##########++''';;;'##';,;::;++++##@#+@#@@@@@@@@@####+++++++++++++++++
++++++++++++++++++++''''''''+#####@###@@@@@@@########+++++++''';;;;;::::::;;+;;,::;''####@@##@@@@@@@@@@#@######++++++++++++++
+++++++++++++++++++''''''''+'##########@@@@#@########'+++++++'''''';;;;;::::':::::;''+#+#@##@@@@@@@@@@@@@########++++++++++++
++++++++++++++++++;''+'''''''+####+####@@@@@@########+++++##+++++'+''''';;::;:::::'+++#+@@##@@@@@@@@@@@@@@@########++++++++++
+++++++++++++++++;''+'''''''''+++######@@@@@##########+#############++++'';;;:::;'';+##+@@@#@#@@@@@###############+++++++++++
++++++++++++++++#;;+'''''''''''#+######@@@@@@@#@############+###+++++'''++'';;::;''++#+#@@@####@@@###############++++++++++++
++++++++++++++++++'';''''''''''+++######@@@@@@@########++++++'''''''';;;:;;;;;:;'+++##'@@@@@####@###############+++++++++++++
++++++++++++++++++''''''''''''''+++#####@@@@@@@@@#####++++''''''''';:;,,::::;::''+#+#+#@@@@####################++++++++++++++
++++++++++++++++++#;'''''''''''''++###@#@@@@@@@@@######+++'+''''''''';:::::;;;''+###+'@@@@@###################+++++++++++++++
+++++++++++++++++++#;;+''''''''''++#####@@@@@@@@@@#@###+++++''''+;'''';;;;;;;'+++##++#@@@@####################+++++++++++++++
++++++++++++++++++##@;;''''''''';;+######@@@@@@@@@@####+++''+''''''''';;;;;;'+++##'++@@@@@###################++++++++++++++++
++++++++++++++++######;''''''''';;'######@@@@@@@@@@@###++++';+'''''''';';;;+'+####++@@@@@@###############@##+++++++++++++++++
++++++++++++###@#@#@@@#;'''''''';;;+#####@@@@@@@@@@@###++#++;'';:;';''''';'+####+++@#@@@#@##################+++++++++++++++++
+++++++++++###@#@@#@@@@#;''''''''''+#####@@@@@@@@@@@@##+##++;''';';;''+''''+###+++@@@@@@#@#############@###++++++++++++++++++
++++++++#####@#@@@@@@@@@#''''''';'''######@@@@@@@@@@@@@#+#+++++;'';''+++''+###++#@#@@@@@##############@####++++++++++++++++++
++++#########@@@@@@@@@@@@#;'''''''''+####+@@@@@@@@@@@#@####++++++++'+'+++++###'#@#@@@@@@################+'';+++++++++++++++++
+###########@@@@@@@@@@@@@@#;;'''''''++###+#@@@@@@@@@@@#@@#++++++##+++''+'#####@#@#@@@@@@############@###++'';;+++++++++++++++
###########@##@#@@@@@@@@@@@#''''''''++#####@@@@@@@@@@@@#@##+##++##'+++'++###+@+@@@@@@@@@############@##+#+''';;;'#+++++++++++
###########@##@@#@@@@@@@@@@@''''''''++######@@@@@@@@@@@@##@##+'#+#+#+++++###'#@#@@@@@@@@@##########@####+++'';;;;;;'+++++++++
###########@##@@@@@@@@@@@@@@#''''''''+######@@@@@@@@@@@@@@##+#+##+##+#########@@@@@@@@@#@#########@###++++++;';;;;;;;;+++++++
############@##@@@@@@@@@@@@@@''''''''+##+####@@@@@@@@@@@@@@++##+'##########@@@@@@@@@@@@@@#########@##+##++##''';;;;;;;;;'++++
######@@##@#@@@@@@@@@@@@@@@@@#'''''''##++#####@@@@@@@@@@@@@#####+#####+##@@@@@@@@@@@@@@#@#######@@###++##+++##''';;;;;;;;;;++
###@######@#@@@@#@@@@##@@@@@@#+''''''##++#####@@@@@@@@@@@@@@@@@####@@#+###@@@@@@@@@@@#@##@@@#####@@+##+++##++##+#';;;;;;;;;;;
##########@@@@@@@@@#@@@@@@#@@@#''+'''##+#++####@@@@@@@@@@@@@@@###@@@@##+#######@@@@@####@#@@@@##@##+####''+##;######';;;;;;;;
+#@@++#####@@@@@@@@@@@@@@@@@@@@#'''''#++++++###@@@@@@@@@@@@@@####@@@@@########@@@@@@####@@@@@@#@#@#++++###+'++''####+##;'';;;
++##+++######@@@@@@@@@@@@@#@##@##''''#+++++++###@@@@@@@@@@@###+++##@@@@######@@@@@@######@@@@@@@@###+++++###+++''+####++@#';;
+##++++######@###@@@@@@#@@@@@@###+''+++++++++++++@@@@@@@@@@@##++++##@@@@@###@@@@@@########@#@@@@@#@@##++++++##+#+;+++####++##
+#++++#########@@@###@@@@@@@@@####++'++++++++++++#@@@@@@@@@@###+##++#@@@@@##@@@@@##########@#@@#####@@###++++###++;'++++#+###
#++++#+##+##@@######@@@@####@##@@##'++++++++++++++@@@@@@@@@@@#++##++++#@@@@@@@@@@##############@++++###@####+''+#++;''++++@##
+++++####@@@######@@#####@@@@###@@@#'++++++++++++++@@@@@@@@@@+++++#+++####@@@@@@##############@#++'+++#######+++##++;''+++''#
++++###########@@######@##@@@#@#@@@##+++#++++++++++'@@@@##@@@@++++########@@@@@##################++++++#+#######'##++;''+++';
+++########@@#######@@@@@#@#@@######+++#+++++++++++++@@@@#@@@@#++++######@@@@@############+####+@###++++'+++###@#'##+';;'+++;
+++######@########@@@@############@#+++++++++++++++++@@@@@#@@@@+++'#######@@@@##################+@@##+++++'+++###:+#++';''+++
++#############@@@@@#######+#####@@+++#++++++++++++++'@@@@@##@@#+'++#######@@################+###+@##+#+++++'+++#+:+#++';''++
++###########@@@@###+###########@@#+++++++++++++++++++'@@@@@##@@++''#######@##################+###+@######++++'++#;;###+;;'++
+#####+####@@@@##########@##+###@@+++#++++++++++++++++++@@@@@@@@#'''+#####@@##########+########+####@@@####++++'++';;##++;;'+
+########@@@@###############+#@@@#++++++++++++++++++++++#@@@@@@@@++''#####@############++#######+####@@#####+++++++;:'##++;'+
########@@@@##########@##@@@##@@@+++#++++++++++++++++++++#@@@@@@@#'+'+###@###############+############@#####++++++#';:+##+';'
#######@@@##############@@@####@#++++++++++++++++++++++++'@@@@@@@@++++##@@#####################+####+@####++++++++#+':;+#++:;
###############++####@@@@@@@@##@+++#++++++++++++++++++++++'@@@@@@@#+++##@#####################+####+#@###++#+''''+#++;:;#+++:
#####+######+++#####@@@@@@@@@@#@+++++++++++++++++++++++++++'@@@@@@#+++#@@###+#####+##########+####+@@#####+++''''++#+';:'#++'
#####+###+++#####@@@@@@@@@@@@@#@@#'+++++++++++++++++++++++++'@@@@@@#+##@###+##+#+++#########+###+++@#@@@@###+++'+++#+';::'+++
#####+###########@@@@@@@@@@@@@#@@@@+++'#+++++++++++++++++++++'@@@@@#+#@@###+##+++++########+###+#+'#@@@@@##+++++++###+';:;+++
#####+####++###@@@@@@@@@@@@#@@#@@@@##++++#+++++++++++++++++++++@@@@#+#@####+#++++++######+####+#+++#@@@##+++++'++###@++;::;++
####++##++#######@@@@@@@@@@+##########+++'++++++++++++++++++++'+@@##+#@##+##++++++######+####+##++++@#####++''''+##@@++';::'+
####+#####++++##@@@@@@@@@@@########+####++'+#+++++++++++++++++''#@@#+@#####++++++##+##++####+###++++@++++'+'''''+##@@#++';:;'
####+####++##+++######@###@########+++##@++++++++'+++++++++++++++####@####+++++++###+#+###++####++'+#+++'++++++++#@###++';::;
####+######+++######@###@#+########++++#@@#+++++++++++++++++++++++#@#####+++++++###+#+#+#+++###++''+#@'''''++++####@#++++';::
###++###++++##############+########+++++#@@@++'++++++++++++++++'+++#@#####+++++++++#+###'#++###+++'++@'''+++####@@##+'+++';;:
###++###++#++++########+##+########+++++######'+'+#++++++++++++++++#######+++++++++#++++#++####++++++@+'++##@@@#@##+'''+++';:
###+#####++++##+#########++########+++++###+##@+++'++++++++++++++++#########++++++###++#+++###+++++++##+++##@@@@@@#+'''+++';;
#######+++++###++##+###++#+########+++++###++##@++'+++++++++'++++++###+######+++++#+++##+++###++++++++@######@@@@###+''+++';;
#########++++++#++###+++#+#########+++++###+++####'+++++++++++++++###+++#####+++#++++##++++###++++++++@@##@@@@##@##+'+'++++';
#####@###+#+#++++##################++'+++##+++++##@+++'+++++++++++###++#######+#++++###+++###+++'+++++###########+'+'''++++';
############+##+++++#+++###########++'++###++++++##@#''++#++++++++##########++#+#++###++++###++++'+++++#######++++'''''++++';
#####@####+####+++++++++#+#########++'+++##+++++++####+++++#+++++##########++#+++++###++++###++++'+++++@######+++++''+'+++++'
#################+++++#+###########++''++###+++++++##@@'++++##+++############+++++###+++++##++++''++++'#'+#++++''++++'++++++'
#####@#@###########################+'++++###++++++++##@@#++++##++############++++###++++++##++++''++++'++';';''''''''++##+++'
######@@@@@#@#######@@@@@@#########++'+++###++++++++++##@@+++++############++++#####+++++##++++''+++++''@;;;'''''''''+###++++
#####@@@##@@@@@@#@@#@@@@@@###+#####+'+++++##++++++++++#####++++##@#########++++####++++++##++++'''++++''@'''''++++++++###++++
####@@@@@@@@@@@@@@@@@@@@@@###+#####+++++++##+++++++++++######+++###########++++###+++++++#++++'+'+++#+''##+#######++######'++
####@@@@@@@@@@@@@@@@@@@######++####++++'++##++'+'+++++++++####++##########+++++###++++++##++++++''++#+''+@################'++
####@@@##@@@@@@@@@####+######++####++'''+++#++++++++++++++++###+#########++++++##++++++++++++++'+++##+';'@#@@@@@@@@@@@@@@@+'+
-->

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="https://use.typekit.net/vbe2ytz.css">
    <link rel="stylesheet" href="css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="css/bootstrap-utilities.min.css">
    <style>
        html,
        body {
            height: 100%;
        }

        body {
            background-size: cover;
            background-color: #000;
            font-family: balboa, sans-serif;
            color: #f5f2cf;
            -webkit-font-smoothing: antialiased;
            overflow: hidden;
        }

        video#loop {
            position: fixed;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -100;
            -ms-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            background-color: #000;
            background-size: cover;
        }

        /* FUTURE */
        .censored {
            border: 10px solid !important;
            font-size: 22pt;
            font-family: Arial;
            font-weight: bold;
            font-stretch: ultra-expanded;
            letter-spacing: 5px;
        }

        .stop-looking-here {
            list-style: none;
            text-transform: capitalize;
            font-size: 10pt;
        }

        .border-5 {
            border: 5px solid !important;
            font-size: 12pt;
        }

        ul {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

        .isolation {
            color: #33fdec;
        }

        @media (min-width: 768px) {
            .stop-looking-here {
                font-size: 17pt;
            }

            .border-5 {
                border: 10px solid !important;
                font-size: 15pt;
            }
        }

        @media (min-width: 992px) {
            .stop-looking-here {
                font-size: 20pt;
            }

            .border-5 {
                border: 12px solid !important;
                font-size: 22pt;
            }
        }

        @media (min-width: 1200px) {}

        @media (min-width: 1400px) {
            .stop-looking-here {
                font-size: 35pt;
            }

            .border-5 {
                border: 14px solid !important;
                font-size: 25pt;
            }
        }
    </style>
    <title>Vanities</title>
    <meta name="description" content="">
</head>

<body>
    <video playsinline autoplay muted loop id="loop">
        <source src="media/loop.mp4" type="video/mp4">
    </video>
    <div class="container d-flex h-100">
        <div class="row justify-content-center align-self-center">
            <div class="col-md-4 d-flex flex-column h-25">
                <div class="row d-flex h-50">
                    <div class="col text-end">
                        <span class="border border-5 censored d-inline-flex p-2">
                            U&#x2731;&#x2731;&#x2731;&#x2731;&#x2731;&#x2731;P
                        </span>
                    </div>
                </div>
                <div class="row d-flex h-50 mt-2">
                    <div class="col text-end">
                        <img src="img/logo.svg" height="100" class="mx-1">
                        <img src="img/upc.png" height="100" class="mx-1">
                        <img src="img/sh_logo.png" height="100" class="mx-1">
                    </div>
                </div>

            </div>
            <div class="col-md-8 d-flex flex-column">
                <ul class="stop-looking-here">
                    <li class="d-inline-block-xl">
                        <i data-index="85">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                        <i data-index="84">&#x2731;</i>
                        <i data-index="82">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="80">&#x2731;</i>
                        <i data-index="79">&#x2731;</i>
                        <i data-index="80">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="65">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="70">&#x2731;</i>
                        <i data-index="85">&#x2731;</i>
                        <i data-index="84">&#x2731;</i>
                        <i data-index="85">&#x2731;</i>
                        <i data-index="82">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="83">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="77">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="83">&#x2731;</i>
                        <i data-index="85">&#x2731;</i>
                        <i data-index="78">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="71">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="86">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="80">&#x2731;</i>
                        <i data-index="79">&#x2731;</i>
                        <i data-index="82">&#x2731;</i>
                        <i data-index="83">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="65">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="76">&#x2731;</i>
                        <i data-index="73">&#x2731;</i>
                        <i data-index="70">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="83">&#x2731;</i>
                        <i data-index="79">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="87">&#x2731;</i>
                        <i data-index="79">&#x2731;</i>
                        <i data-index="78">&#x2731;</i>
                        <i data-index="68">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="82">&#x2731;</i>
                        <i data-index="70">&#x2731;</i>
                        <i data-index="85">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="65">&#x2731;</i>
                        <i data-index="78">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="73">&#x2731;</i>
                        <i data-index="84">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="82">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="84">&#x2731;</i>
                        <i data-index="73">&#x2731;</i>
                        <i data-index="79">&#x2731;</i>
                        <i data-index="78">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="66">&#x2731;</i>
                        <i data-index="73">&#x2731;</i>
                        <i data-index="71">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="83">&#x2731;</i>
                        <i data-index="72">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="65">&#x2731;</i>
                        <i data-index="86">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="82">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="71">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="68">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="84">&#x2731;</i>
                        <i data-index="72">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="70">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="73">&#x2731;</i>
                        <i data-index="84">&#x2731;</i>
                        <i data-index="72">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="73">&#x2731;</i>
                        <i data-index="78">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="77">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="68">&#x2731;</i>
                        <i data-index="73">&#x2731;</i>
                        <i data-index="67">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="84">&#x2731;</i>
                        <i data-index="73">&#x2731;</i>
                        <i data-index="79">&#x2731;</i>
                        <i data-index="78">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="87">&#x2731;</i>
                        <i data-index="72">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="82">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="77">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="78">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="75">&#x2731;</i>
                        <i data-index="78">&#x2731;</i>
                        <i data-index="79">&#x2731;</i>
                        <i data-index="87">&#x2731;</i>
                        <i data-index="83">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="87">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="78">&#x2731;</i>
                        <i data-index="84">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="82">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="70">&#x2731;</i>
                        <i data-index="79">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                        <i data-index="75">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="66">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                        <i data-index="85">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="83">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="66">&#x2731;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-index="68">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="83">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="67">&#x2731;</i>
                        <i data-index="84">&#x2731;</i>
                        <i data-index="73">&#x2731;</i>
                        <i data-index="79">&#x2731;</i>
                        <i data-index="78">&#x2731;</i>
                    </li>
                    <li class="d-inline-block-xl">
                        <i data-index="84">&#x2731;</i>
                        <i data-index="72">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="77">&#x2731;</i>
                        <i data-index="85">&#x2731;</i>
                        <i data-index="83">&#x2731;</i>
                        <i data-index="73">&#x2731;</i>
                        <i data-index="67">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="66">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="67">&#x2731;</i>
                        <i data-index="79">&#x2731;</i>
                        <i data-index="77">&#x2731;</i>
                        <i data-index="69">&#x2731;</i>
                        <i data-index="83">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="65">&#x2731;</i>
                        <i data-space>&nbsp;</i>
                        <i data-index="83">&#x2731;</i>
                        <i data-index="75">&#x2731;</i>
                        <i data-index="85">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                        <i data-index="76">&#x2731;</i>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <script>
        function randomize() {
            var letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
            var allCounters = document.querySelectorAll(".stop-looking-here > li");

            allCounters.forEach(function (el) {
                var outerDuration = 500 + Array.from(allCounters).indexOf(el) * 500;
                var allLetters = el.querySelectorAll("i");
                allLetters.forEach(function (letter) {
                    letter.classList.remove("isolation");
                    var duration = 500 + Array.from(allLetters).indexOf(letter) * 500;
                    var interval = setInterval(function () {
                        if (duration > 0) {
                            letter.innerText = letters.charAt(Math.random() * letters.length);
                            duration = duration - 50;
                        } else {
                            clearInterval(interval);
                            if (letter.hasAttribute('data-space')) {
                                letter.innerHTML = "&nbsp;";
                            } else {
                                var index = letter.getAttribute('data-index');
                                var random = Math.floor(Math.random() * letters.length);
                                letter.innerText = letters.charAt(random);
                                if (random == index - 65) {
                                    letter.classList.add("isolation");
                                }
                            }
                        }
                    }, 50);
                });

            });
        }

        setTimeout(() => {
            this.randomize();
        }, 3000);


        window.setInterval(() => {
            this.randomize();
        }, 20000);
    </script>
</body>

</html>