<!-- 
                                                                                                                                          
                                                                                                                                          
                                                                                                                                          
                                                                `     ``   ` `                                                            
                                                              ` `          `     `                                                        
                                                              ` `:';'#+''',      `` ```  `                                                
                                                      `    `  `:;';'':'+'','';,,`.:.  ````                  `                             
                                                      ```` .,:'''+'+##++++@+';''';;,';` ```           `                                   
                                                    `  ```:++++';;++++#+'+##+++';::;;,''.   ``                                            
                                              ` ``  ,'+''';'''''+'++'';;:;++'''+++'+'#';,;:, `                                            
                                              ``  :';+;;+#+'+';';'##+++++#''''';;';'#+#'+''+,``                                           
                                                `++;''+#+';'''+++++#@@#'++++++#++''+;+#++'+#;;  ``                                        
                                            `   ;';'';+:'++'''####@#++++#+##+##+#+'++'+#+##+'':,  ``                                      
                                           ` ,+#''++'+;'+';+++''+##'###+#++++''+#@#''#+'####++;::```                                      
                                           `,;';''#+';#''+#+###++++++'++@@##+++++++#@'++'@###@#+:```                                      
                                      `  ` :,'''+'';++';'''''#+#+'''+''+';'''+++'+'++@+''+#@+#+#:+.```                                    
                                      `   `;+'''++;+'''+@@##++'###@@###+++##@####++'+++++++#+++++'+  `                                    
                                        .;++'+'+''''+#'''++##@@@#@+++++++#@#@@@@@##++++'++'+#+''##+:. `                                   
                                  ` ` `;;+++++;;+;;'''#++++#++''';;++##@@@@@@#++++####++++#++@+@###+':```                                 
                                   ` ,'''+++';'+;;'''';'++;;;''''+#@#+#++#@@@@@@##'++++##+;'++++@@##+;`, `                                
                                  ``,;+'+++#'+;:''''';';''++++####+#+@@+###+#@@@@#@@@#+##'#++'@'#@@#+#+,.  `                              
                                   `'+''@'+'';'';'''''++######@@#@+@##+####+#+#@#@++#@@#+#@'+++#+@@#+#+';+,``                             
                                ` .:''#@'+;';'''+'';''++'#++#';++''####++'#@##+'+#@@#'+#+++##+'++#@@++#+;';.``     `                      
 `                            `` ,,'+++#+++';''''''''+'+#++##@@++#+#@@###+++++##++'@@@@#@++#+#'##+@@##@##++';`                            
                                `,'';';'''';''+++;++##+@#@@@@+'####@@@@@#@@@#######+'#@@#@#++'#'++##@#++++##;'                            
                            ` ` `:;+++@@+'''''+#;+++@@@@@@@@@@@@#++#+##@@@@#@@#@@#####++##@@+++'#++#@@#####;';:``                         
                            `   ,::+'+'''''+#+#@;#@@@@@@@@@@@########+++##@##@@@#@@#@###'+##@#'+'#+###@@@@@+;,:.`                         
                           `  :';''+''''+''##+##+#@@@@@@@@@##@#++###++++#+##@#;#@#'@+@@@##'#+#@+''######+#++':;```                        
                              `;+#++''#+++####+###@@@@@@+++''++##+@@@#++#++@#+@+;#@'#@@###@'#+##+'+#@##@##+#+:..```                       
                             ;''+#'++#'+++#########@@@#'+++##''+'+'+@#++#@##'##+@+#@+##@@++@;@+##+'+#+#@+@@###' ``                        
                          `  '++##+@+'++#++###+##+@#@+####@#+++'+++++'++##@@#'##+@#@#'#++@++@'###+++##++#######:```                       
                           .+'+++###'+'+'+++++++#++###@#@#'+#+#+'+++';''+'+#+#'#@++##@##++@#'@'++'++++#'#+#++++':``                       
                           ''++#+#'#''@+'#+++++''+++++#@##+@@+##+#+@@@#'+@+'#+#+#@#+@#@@@+#@@'#'+#'#'+#++'##+##+',```                     
 `                        ,+'#++'+++'''+++''''''''++++#+######+@##@+#'+#@#@@@++#+##++#+##@+@#@+++#+++++#+###++#++,, `                     
                          ''''++''++##''+++';;;;;;''+'+++++#+++++#@@#@@##@@+#@@##+#@'+#@++@+###+###;#''++##+#++#+'' ``                    
                         .'+++#'++@##+''''';;:::;;;;''''''++++++++'+#@####'@#@#@@#++@+#'@@##+###+#@#+'+'+@@++#'+'+#```                    
                         ;'#'#+++++++''''';;:::::::;;;;;;'''++''+#+;'++@###@#++#@@##+###'#@#####++@#'#''##@#''++@+'````                   
                         ';#+++#+'''''''';;::,,,,,::::::;;;'''++#++##++++''++#++##+@++##+'+@#+@+++##@'+++#+#++++#'#:```                   
                        .'++#+++##+'''';;;::,,,,,,,::::::::;;;;;''''#+'+++++++++++++#++++#+'+#+##++@#++''##+#'##++#;.``                   
                        `;+'++++++'''';;;::,,,,,,,,,,,::::::;;;;;'';'+'+'++++++'++++###'++#+++++@++@###'+'@+#'+@;+++:``                   
                       ` +;'+++@+'''';;;::,,,,..,,,,,,,,,,::::;;;'''+''''''''''''#+'+++++''++++++#++#@++'+@'#'@##++'````                  
                      ``.++##@#'+''';;;::,,...,..,,,,,,,,,,::::::;;'''''''''''''+''+++++'''+++'++#'+##++##++#+#+@'+':```                  
                       .;'+###++''';;;:,,,,......,,,,,,,,,,,,::::::;;;'''''''''+'++'+'''++'''+'++#+++#+###@'+'@+#+''',                    
                       `;'++'#++''';;::,,,..........,,,,,,,,,,,::::::;;;;;;''''''+''+''''''+'+''++'++#'###+'+'#+#++':.`                   
                        '+#+'++'''';::,,,............,,,,,,,,,,,,:::::;;;;;;''''''''''''''+++'''+;''#+###++#++++#+''.,`                   
                      ` ''##'+#''';;::,,............,..,,,,,,,,,,,::::;;;;;;;;;''';;''''''''''';';;:+++++#++##'+#'++'' `                  
                      `.;++@'++''';::,,,...........,,,,,,,,,,,,,,,::::::;;;;;;''''';''''''''''''+;::;+++#@####'#++#'+'                    
                       ,'++#+++''';:,,,........,,,,,,,,,,,,,,,,,,,:::::::;;;;;;;;;;;;;;''';;'''';;,:,#;++####'#@;##;#+``                  
                       ,'##'+;+;';:,,,.........,.,.,,,,,,,,,,,,,,,,,::::::::;;;;;;;;;;;;;;';'''';+,,.'';'+#+#+#@'##+++                    
                      `:'++++++;'':,,,..............,,,,,,,,,,,,,,,,,,,:::::::::;;;;;;;;;'';;''':':,,,+;;+#+++@#'+#+',                    
                     ``.#+''++''+;:,,...............,.,,,,,,,,,,,,,,,::::::::::;;;;;;;;;;;;''';';;:,,.';;+##+####@@#',``                  
                       ;#''''#';+::,..............,.,,,,,,,,,,,,,,,,,,:::::::::::;:;:;;;;;;;';;;::;,,,,;:'###@++@@@#+.`                   
                       ''+''++;+;':,............,,,,,,,,,,,,,,,,,,,,,,,,::::::::::::::::;;;;;';:::::.,,:,;'@#+'+@###:.`                   
                       '+#;'+#''';:,.............,,,,,,,,,,,,,,,,,,,,,,,,,,,,::::::::::::::::';,,:,:,.,,,;'+@'++#@#@; `                   
                       ;'#'+++'''':,..............,,,,,,,,,,,,,,,,,,,,,,,,,,,,,::::::::::::::::,,,,:,,.,,:'#+#'+@##+' `                   
                    `  .'##''#'+'':,...............,,,,,,,,,,,,,,,,,,,,,,,,,,:,,:::::::,,,,,,,,,,,,,,,.,,,'++#'+##@#+ `                   
                    `   ''#;+''++':,...............,,,,,.,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,...,,,,,:'''#++@+@+' `                   
                      ``+++'';+++':,...............,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,.....,,,;;++@++#@'#'`                    
                       .++##+:+''':,...............,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,.........,,,;;++#'###+#'``                   
                       `+++#';'''':,................,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,..........,,;'++#+#@#++,                     
                       ,+'#@;'''+;:,................,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,........,,,'++#'+##@#+                      
                       +''+#;'++';,,.........,.,,,,,,,,,,,,,,,,,,,,,,,,,,:,,,:,,,,,,,,,,,,,,,,,......,,,,'+'#+'##++' `                    
                      `+';+#;'+#':,,........,,,,,,,,,,,,,,,,,,,,,,,,,,,,::,,,,:,,:::::,,:::,,,,,,....,,,,'@++++##++: `                    
                     `,++;'+''#+;:,,......,,::::::::::::,,,,,,,,,,,,,:,,:::,::,,,::::::::::;:::::,....,,,;@++#+##+#'``                    
                      .:+##+''++:,,,.....,;;;'''';;;;:::::,,,,,,,::::::::::::::::::::::;;;''+''';:,,..,,,;+++@+##++``                     
                      `.;+#++;++:,,,...,,;''+++#+++'';;;::::,:,,:::::::::::::::::::;;;'+#@+###++'':...,,,;#+#####++``                     
                      `.'+#'+;+':,....,,''+++#######+#+';;::::,,:::::::::::::::::;''++@@###@@#++++',,.,,,:#+#+@+#+' `                     
                       .';++'+';,,,...;++'++++##@##@###++';:::::::::::::::::::::;''###@+@@@#+++@@++':,,,,:++@##+#'+ ``                    
                      ..`;++++':,,...:';';;;;;;;;;'+#@##@#';::::::::::::::::::::;+##@##';;;;;;;;;+++';:,,:'#@####'' ``                    
                     .:;;,:'++':,...,;:;:,,,::::;;;;;;'###+';:::::::::::::::::;;'+#@#';;';;;;:::::;'+';,,,'+#+##+'' `                     
                     ,;;;:.;+'',,,..,:,,,,,,,:::::;'''';'#+#';:::::::::::::::;''+#+;;''''';;::::::::;'',,:;++#+#'', `                     
                    `;';;:,;#'',,...,,,,..,.,:;;;:;;;;';;:'++;::::::::::::::;;''+;:;''';:,,,,:::::::::;:,;;'#@+#'',``                     
                    .;';;:,;+'',....,,..,.:'#+'+@@@@#@+;;;;;;';:::::::::::::;;;;;;;'''+######+;.,,,:::::,,''+##@';: ``                    
                    .;';;::;'';........,,;++;,,'#:.##'+#'';;;;;;::::::::::::;;;;;''++@'#@@#;:;+@;,,:,,,,,,#@+@##;#+ `                     
                    .:;;;:,;+';,........:+;:,`';#@#@'';'+'';;;:::::,,::::::::;;;;'''+;##,:''.,:'#;,,,,,,,.;'#@#++++.``                    
                    ,:';;::;+':.......,,';,;,.''#@@#+;;'++'+;;::,,,,,,,:,:,::;;'+''+;'#@#@+';.,;'#;,,,,,,,,'++#'#'; `                     
                    ,:';;:,;'':.......,:::,;:.:'+@##@:;''#''';:::,,,,,,,,,,::;'+'#+';'+@@@@''..:;;+:,,,,,,,;++#''', `                     
                    .,';;:.;+',........,,,,:;:`'+',';:;'+'+;';::,,,,,,,,,,,::;';'++';;#@@@#+;,,;::;:,,,,,,,:+#+'';,```                    
                    `,;;;:,;';,.......,,,,,,,:::''+;;;;''';;::::,,,,,,,,,,,::;;:++'+':'#,'#'.,::::::,,,,.,,:+#'+':``                      
                     ,:;;:.;;;..........,,,,,,::::::;;;;;;;;:::,,,,,,,,,,,,::::;::;;:;;'#@;,:;:,,:::,,,.,,,:#''';:                        
                     .:;;:,'';...........,,,,,:::;;;;';'''';;::,,,,,,,,,,,,::::;;;'';;;;::::::,,,,,,,,,.,,,:#''';: `                      
                     `,;;;,;':............,,,,:::;;;;'''''';:::,,,,,,,,,,,,:::;;''''''';;;::::,:,,,,,,,,.,,:'+'';, ``                     
                     `,;';,:;:............,,,,:::;;;;'''''';::,,,,,,,,,,,,,,::;;'''''';;;;;::::::,,,,,,...,:'''':.                        
                      ,;;;::;,.............,,,::;;;;;;''';;::,,,,,,,,,,,,,,,,::;'''''''';;;;:::,,,,,,,....,:;''':                         
                      .:;;:::,.............,,,::::::;;;;;::,,,,,,,,,,,,,,,,,,,::;;'''';;;;;;:::,,,,,,......:''';:                         
                      `,:;:,:,............,,,,,,::::;;;::,,,,,,,,,,,,,,,,,,,,,:::;;;;;;;;;::::,,,,,,,......:;;';.`                        
                       ,:;:,::............,,,,,:::::::::,,,,,,,,,,,,,,,,,,,,,,,,:::;;;;;:::::,,,,,,,,.....,:;'';                          
                       `,:;:,:...........,,,,,,::::::,,,,,,,,,,,,,,,,,,,,,,,,::,:::::;:::::::,,,,,,,,,.....:;';:`                         
                        ,:::,;............,,,,,,,::,,,,,,,,,,,,,,,,,,,,,,,,,,,:,,,,,::::::::,,,,,,,,,......:;':``                         
                        .,:,.;...........,,,,,,,,,,,,,,,,,,,,,,,,,:,,,,,,,,,,,:,:,,,,::::::,,,,,,,,,,......:;': `                         
                        `,,,,:...........,,,,,,,,,,,,,,,,,,,,,,,,,::,,,,,,,,,,,,,,,,,,,,:,::,,,,,,,,.......;';,`                          
                         ,,.,,,.........,,,,,,,,,,,,,,,,,,,,,,,,,,::::,,,,,,,,,,,,,,,,,,,,,:,,,,,,,,.......:;:                            
                         `..,:,..........,,,,,,,,,,,,,,,,,,,,,,,,:::::,,,,,,:,,,,,,,,,,,,,,,,,,,,,,,.,.....;::                            
                         `.,.;,.........,,,,,,,,,,,,,::,,,,,,,,,,::::::,,,,,::::,,,,,,,,,,,,,,,,,,,,,......':.`                           
                          `,,,,.........,,,,,,,,,,,,:::,,::,,,,,:::::::::::,,:::,,,,,,,,,,,,,,,,,,,,..,,..,;,                             
                          `.,:,...........,,,,,,,,,,:::::::,,,,,:::::::::::,::::,,,,,,,,,,,,,,,,,,,,,,....,:.`                            
                           `,:,...........,,,,,,,,,,:::::::,,,,,,:::::::,:::::::::,,,,,,,,,,,,,,,,,,,,....::.                             
                             ;,...........,,,,,,,,,,::::;:,,,,,,::::::::,:::::;;::::,,,,,,,,,,,,,,,,,,...,:: `                            
                             ::..........,,,,,,,,,,:::::;,,,,,,,:::::::::,:,:::;::::,,,,,,,,,,,,,,,,,,,,.,;` `                            
                             ,:,.........,,,,,,,,,:::::::,,,,,,,::::::,,,::,:::;:::::,,,,,,,,,,,,,,,,,,,,,:                               
                             .:,..........,,,,,,,,:::::;,,,,,,,,::::::,,,,,,,:::::::::,,,,,,,,,,,,,,,,,,,,; `                             
                             `;,,........,,,,,,,,:::::::,,,,,,,,:::::::,,,,,,::;::::::,,,,,,,,,,,,,,,,,,::,                               
                           ` `::,,........,,,,,::::::::::,,,,,,::::::::,,,,:,::;:::::::,,,,,,,,,,,,,,,,,::.`                              
                             `:;:,,,....,,,,,,,,::::;::::,,,,,,:::::::::::::,::::::::::,,,,,,,,,,,,,,,,::;``                              
                            ` ::::,,....,,,,,,,,::::::::::;;:,,:::;::::::::::::::::::::,,,,,,,,,,,,,,,::;' `                              
                            ` :::,,,,...,...,,,,::::::::::;;';::::;;:::;'';;;::::::::::,,,,,,,,,,,,,,::;:: `                              
                            ` ,,:,,,,...,,,,,,,,:::::::::;;;'';;;;;;;;;''++';;:::::::::,,,,,,,,,,,,,,::::.                                
                              `;:,,,,,..,,,,,,,:::::::::;;;'++'';;;;;;''+'+'';:::::::::::,,,,,,,,,,,::::; `                               
                               ':,,,,,,.,,,,,,,:::::::;;;:+''#''''''''++++'';;::::::::::::,,,,,,,,,:::;:.`                                
                             ` ::,,:,,,,,..,,,,::;;;';;''+#++++++++++''####+++;:;::::::::,,,,,,,,,:::::; `                                
                              `.;::::,,,,..,,,,:;;;''';++++##+++####+++++##++''';;;::;::,,,,,,,,,::;::;,                                  
                               `.::::,,,,,,,,,,:;;''+#++++##++++#+##++++@+++#+'''';:;;;;:,,,,,,,:::;;:;  `                                
                              `` ',::,,,,,,,,,:;;';'+'+'+'''+++###@@#'++#+#++++''+++';;;::,,,,,::;;::;``                                  
                              ````:,:,:,,,,,.,:;;;'''';;;;;''''+##@@##+++++''''+++++++;;':,,,::::;;;;: ``                                 
                               `  ::::,:,,,,,,;';;'';;;;;;::;;''+#@@##'''''';;';''''+'+'':,,,::::';;; `                                   
                               `   :::::,,,,,,;;;;;;;;:::::::;;;;;'+';;;;;;;;;;;;;'''+''';:::::;;;:;```                                   
                               `  ` ;;::,:,,,,:;;'''++::;;;;'';;;;;;;;;;;;;;;;::;;;''''';;::::;;;;;: ``                                   
                             `````  ::;:;:::,,:;;;;;''#+++'';;;''';'''''''''''';::;'''';;::::;:;;;; ``  `                                 
                             ``````` ;:::;::,,,:;;;;;:'+';'+#####+''''+##@####+++##'''';;::::;;;;+.``  ` `                                
                          ``` ````   ,:;';:;:,,::::::::;;::;''''++#@@##+++++'''''''';;;:::::;';'', `` `                                   
                           ` ```  ,+@`':;;::::,:::::::,:;::;;'';';';;'';''';;;;;;;;;;;:::::;;'';+ `` ```                                  
                           ` ` `'@#@;.,;:;:::::::::::::::;::;;''''';;'''''';;;;;::;;;::::::'''''+:  ``                                    
                          `` `'##@;`..,;;;::::,:::::::::,:::;;;''''''''''''';;;::::::::::::;''''.,#+,  ```                                
                          ` ,+##+,....,:':;:::,,,,::::,::::;;;;;;;;''';;''';;;;:::::::::::;'''+:,,.:@@'   ``                              
                        `  '+#@'.,....,,;;:::,,,,,:,:,,:::::;''';;'''';;''''';;:;:::::::::;''+;,:,,,.'@@#;  `                             
                     `   `###@+.,,.,..,,.';:::,,:,:,,::::::::;;'''''';''''';;;;:::::::::::;;'+:,,,,,,,;@###: `  ``                        
                    `  ;:+###+,,,,,,..,,,,':;:::::::::::::::;;'''++''#+''';;;;;;:::::;;;;:;'+;:,:::,,::;###'+` `` `                  ```  
                    ` '++####:,,,,,,,,,,,.:':;:::::::,::::::;;;''++++++''';;;;;:::::;;;;;;'+;::::::::,::;###+#: `````                `    
               ````  ;''#@@@',,,,,,,,,,,,,.;+;,::::::,,::::::;;''++++++''';;;;:::::;;'''''+;:::::::::::::'@#+#+; ````                     
                   :#+++##@@;,,,,,,,,,,,,,,,;';;;:,;:::::::::;;;'''+'''''';;;;::::;'''''+#'::::::::::::::;#@+##@' ````                    
                 :+'#+####@@:,,,,,,,,,,,,,,,:;+'';;;;:::::::::;;''''''''';;;::::::;'+''+#'::::::::::::::::'@####@+  ```                   
           ``  ;++'##+#@##@+:,,,,,,,,,,,,,,,,.;#';'';;:::::::::;;'''''';;;;::::::;;'++++;:::::::::::::::::;@##@#@#+:  ``  `               
        ```  :++#++#@#@@##@+:,,,,,,,,,,,,,,,,,,:#';;;';:::::::;:''''';;;;;:::::;;;''+'@:::::::::::::::::::;######@#++;  ```               
        `  :+++#+########@@':,,,,,,,,,,,,,,,,,,,;'++'+';:::::;;;;''''';;;;;:;;;;;'+'#+;:::::::::::::::::::;'@#@@@@##+++'. ````            
      `  :+++#+++#@###@##@@':,,,,,,,,,,,,,,,,,,,,:+'++'';::::::;;'''';;;;;;;;;;''+##+;::::::::::::::::::::;'@#@@@@@#@+#++#:  ``           
 ` ``  ;++####+####@##@#@@#'::,,,,,,,,,,,,,,,,,,,:,'';';;:;:;;;;'''';;';;;;;;;;''++#:::::::::::::::::::::::'#@@@@@@@@####+#@:  ``         
     '++++###++##@@###@#@@#'::,,,,,,,,,,,,,,,,,,,,,:;+';;;;;;;;;''''';';;;;;;';++#+,:::::::::::::::::::::::;#@@@@@@@@#####+##@; `         
'#';+++#####+++##@@@####@##':,,,,,,,,,,,,,,,,,,,,,,,,'+'';;;;;;'''''''';;;;;;''+++;::::::::::::::::::::::::'#@@@@@@@@@@@####+###, `` `    
'''+########+###@@@@####@@#':,,,,,,,,,,,,,,,,,,,,,,,,,;+';'';;'''''''''';;;''+##+;:::::::::::::::::::::::::'#@@@@@@#@@@@@##@######,  ``   
'+##########+####@@@@@#@@@@;::,,,,,,,,,,,,,,,,,,,,,,,,,:'+'''''''''''';''''''++';;:::::::::::::::::::::::::;#@@@@@@@@@@@@#@@###@+++':  `  
'+######@##++##@@@@@#@#@@@@;::,,,,,,,,,,,,,,,,,,,,,,,,,,,;'+++'''''''''''''+';:::::::::::::::::::::::::::::'#@@@@@@@@@##@@@@#@#######+:`  
'+#############@@@@@#@#@@@@+::,,,,,,,,,,,,,,,,,,,,,,,,,,,::::'++'#+#'#'#'+;::::::::::::::::::::::::::::::::'##@@@@@@@@@##@@@#@@@@#####++:`
'+#############@@@@@#@#@@@@#::,,,,,,,,,,,,,,,,,,,,,,,,,,,,,::::;':;';';;;:::::::::::::::::::::::::::::::::;'@@@@@@@@@@@@#@@@@@@@#@##@###+'
'+##@##@@###+##@@@@@@@#@@@@@;::,,,,,,,,,,,,,,,,,,,,,,,,,,,,:::::::::::::::::::::::::::::::::::::::::::::::;'@@@@@@@@@@@@@@@@@@@@@@@@@@###+
'####@##@####@@@@@@@@#@@@@@@'::,,,,,,,,,,,,,,,,,,,,::,,,,,,,::::::::::::::::::::::::::::::::::::::::::::::;'@@@@@@#@@@@@@@@@@@@@#@#@@@@@#+
'##@##@######@@@@@@#@@@@@@@@#;::,,,,,,,,,,,,,,,,,,:,:,,,,,,:,::::::::::::::::::::::::::::::::::::::::::::;;#@@@@@@@@@@@@@@@@@@##@@#@@@@@#+
'+##@@###@###@@@@@@@@#@@@@@@@':::,,,,,,,,,,,,,,,,,:,,,,,,,,::::::::::::::::::::::::::::::::::::::::::::::;'#@@@@@@@@@@@@@@@@@@@#@@@@@@@##+
'#+@@@#@#@###@@@@@@@@#@@@@@@@#:::::,,,,,,,,,,,,,,,,,::,,,,,:::::::::::::::::::::::::::::::::::::::::::::;;+@@@@@@@##@@@@@@@@@@@@@@@@@@@@##
'##@#@@@#@###@@@@@#@#@@@@@@@@@':::::,,,,,,,,,,,,:,,,:,,:,,::::::::::::::::::::::::::::::::::::::::::::::;'#@@@@@@@#@@@@@@@@@@@@@@@@@@@@@##
'+#@@@#@+@##@@@@@@@@@@@@@@@@@@+;::,,,,,,,,,,,,,,,,,,,:,,,,:::::::::::::::::::::::::::::::::::::::::::::;;+#@@@@@@@#@@@@@@@@@@@@@@@@@@@@@@+
'+#@@#@@@###@@@@@@@@@@#@@@@@@#@';::,,,,,,,,,,,,,,,,,,:::::::::::::::::::::::::::::::::::::::::::::::::;;'#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@##
'##@@#@@####@@@@@@@@#@@@@@@@@@@#;::,,,,,,,,,,,,,,,,,,,,::::::::::::::::::::::::::::::::::::::::::::::;;;+##@@@@@@@@@@@@@@@@@@@@@@@@@@@@@##
'##@#@@@@##@@@@@@@@#@#@@@@@@@@@#';:::,,,,,,,,,,,,,,,,,,::,:::::::::::::::::::::::::::::::::::::::::::;;'+#@@@@@@@@@@@@@@@@@@@@@#@@@@@@@@#+
'##@##@@##@@@@@@@@@@@@@@@@@@@@@@+;:::,,,,,,,,,,,,,::::::::::::::::::::::::::::::::::::::::::::::::::;;;'#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@##
'##@#@#@##@@@@@@@@@@#@@@@@@@@@@@#';::,,,,,,,:::,,,,::::::::::::::::::::::::::::::::::::::::::::::::;;;;+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@##
'###@@@##@@@@@@@@@@@@@@@@@@@@@@@@';;:,,,,,,,::::,,:::::::::::::::::::::::::::::::::::::::::::::::::;;;;@@@@@@@@@@@@@@@@@@@@@@@@@@#@@@@@@##
'####@##@#@@@@@@@@@#@@@@@@@@@@@@@+';::,,,:,,::,,,,,:::::::::::::::::::::::::::::::::::::::::::::::;;;;+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#+
'##@@####@@@@@@@@@####@@@@@@@@@#@#';::::,,:,:::::,,::::::::::::::::::::::::::::::::::::::::::::::;;;;'@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@##
'##@#@@@#@@@@@@@@@@@@@@@@@@@@@@@@@+';::::,:::::::::::::::::::::::::::::::::::::::::::::::::::::::;;;;##@@@@@@@@@#@@@@@@@@@@@@@@@@@@@@@@@##
'##@##@@@@@@@@@@@@@#@@@@@@@@@@@@@@#';::::::::::::,:::::::::::::::::::::::::::::::::::::::::::::::;;;+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@##
'#######@@@@@@@@@@@@@@@@@@@@@@@@@@@';::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;;+@@@@@@@@@@#@@@@@@@@@@@@@@@@@@@@@@@@@##
'##@@###+@@@@@@@@@@@@@@@@@@@@@@@@@@+;;:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;'@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@'@@@@##
+##@###@@@@@@@@@@@#@@@@@@@@@@@@@@@@@';::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;:##@@@@@@@@@@#@@@@@@@@@@@@@@@@@@@@@@@@@##
+##@@@#@@@@@@@#@@@@@@@@@@@@@@@@@@@@@#;;::::::::::::::::::::::::::::::::::::::::::::::::::::::::::#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@##
+#@####@@@@@#@@@@@#@#@@@@@@@@@@@@@@@@+;::::::,,:::::::::::::::::::::::::::::::::::::::::::::::::+@@@@@@@@@@@#@@@@@@@@@@@@@@@@@@@@@@@@@@@@#
'######@@@@@#@#@@@@#@@@@@@@@@@@@@@@@@@;:::,,,,,,:,:::::::::::::::::::::::::::::::::::::::::::::'@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#+
'###@@#@@@@@#@##@@#@#@@@@@@@@@@@@@@@@@#;:::,,,,,,::::,::::::::::::::::,:,:::::,,::,,,,,,::::::+#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#+
'+######@####@#@######@#@#@@@@@#@@#@#@#';::,,,,,,,,,::::::::::::::::,,,,,,,,,,,,,,,,,,,,,,::;+##@@@@@##@#@#@@@#@#@###@@#@@@###@##@@@@#@##+

Timothy Holt - http://www.timothyholt.co.uk

For more information please contact info@timothyholt.co.uk for any freelance needs

-->

<!doctype html>

<head>

<script type="text/javascript"> 
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
	(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</script>

<html lang="en">
<meta charset="utf-8" />
<title>Timothy Holt - Freelancer - Front-End Developer - UC/UI/UX Designer - Graphic Designer - Installation Artist - Curator</title>

<meta name="description" content="Timothy Holt"/>
<meta property="og:locale" content="en_US"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Timothy Holt"/>
<meta property="og:description" content="Timothy Holt"/>
<meta property="og:url" content="http://www.timothyholt.co.uk"/>
<meta property="og:site_name" content="Timothy Holt"/>
<meta property="article:publisher" content="https://www.facebook.com/timothy.holt"/>
<meta property="og:image" content="https://c1.staticflickr.com/5/4297/36105049522_151065d5fc_o.png"/>
<meta property="og:image" content="https://c1.staticflickr.com/5/4297/36105049522_151065d5fc_o.png"/>

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">

<meta name="theme-color" content="blue">
<link rel="icon" sizes="192x192" href="https://c1.staticflickr.com/5/4297/36105049522_151065d5fc_o.png">

<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript">function popupbox(url){day=new Date();id=day.getTime();eval("page"+id+"=window.open(url,'"+id+"','toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=425,left=0,top=0');");}</script>
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript">stLight.options({publisher: "9a7bc8b3-8125-4690-b436-2a2256d4470d", doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>

<script language="javascript" src="http://www.timothyholt.co.uk/toggle/toggle-1.js"></script>
<script language="javascript" src="http://www.timothyholt.co.uk/toggle/toggle-2.js"></script>
<script language="javascript" src="http://www.timothyholt.co.uk/toggle/toggle-3.js"></script><script language="javascript">function popupbox(url){day=new Date();id=day.getTime();eval("page"+id+"=window.open(url,'"+id+"','toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=425,left=0,top=0');");}</script><html>
<script type="text/javascript" src="http://www.timothyholt.co.uk/toggle/toggle.js"></script>

			<script>
$(function () {
    var hello = ['Front-End Developer', 'Installation Artist', 'Freelancer', 'UC/UI/UX Designer', 'Curator', 'Graphic Designer'];
    var used = ['Front-End Developer'];
    var greeting = $('#what');
    var item;
    var sentence = $('#sentence');

    function hey() {
        item = hello[Math.floor(Math.random() * hello.length)];
        if (hello.length != used.length) {
            while (jQuery.inArray(item, used) != -1) {
                item = hello[Math.floor(Math.random() * hello.length)];
            }
            used.push(item);
        } else {
            used.length = 0;
            item = hello[Math.floor(Math.random() * hello.length)];
            used.push(item);
        }
        greeting.html(item);
        greeting.animate({
            "opacity": "1"
        }, 1500);

        sentence.fadeIn(1500);
    }

    window.setInterval(function () {
        sentence.fadeOut(1500);
        greeting.animate({
            "opacity": "0"
        }, 1500);
        setTimeout(hey, 1500);
    }, 5000);

});
			</script>
			
			<script>
$(function () {
    var hello = ['Front-End Developer', 'Installation Artist', 'Freelancer', 'UC/UI/UX Designer', 'Curator', 'Graphic Designer'];
    var used = ['Front-End Developer'];
    var greeting = $('#phonewhat');
    var item;
    var sentence = $('#phonesentence');

    function hey() {
        item = hello[Math.floor(Math.random() * hello.length)];
        if (hello.length != used.length) {
            while (jQuery.inArray(item, used) != -1) {
                item = hello[Math.floor(Math.random() * hello.length)];
            }
            used.push(item);
        } else {
            used.length = 0;
            item = hello[Math.floor(Math.random() * hello.length)];
            used.push(item);
        }
        greeting.html(item);
        greeting.animate({
            "opacity": "1"
        }, 1500);

        sentence.fadeIn(1500);
    }

    window.setInterval(function () {
        sentence.fadeOut(1500);
        greeting.animate({
            "opacity": "0"
        }, 1500);
        setTimeout(hey, 1500);
    }, 5000);

});
			</script>

			<script>
    window.addEventListener("resize", function() {
 
          if( window.outerWidth > window.outerHeight )
          {
              window.scrollTo(1,1);
              $('#landscape').show();
              lockScroll();
          }
          else{
               $('#landscape').hide();
               unLockScroll();
          }
 
 }, false);
			</script>

			<script>
function lockScroll()
{
     $(document).bind("touchmove",function(event){
                        event.preventDefault();
     });
}
 
function unLockScroll()
{
    $(document).unbind("touchmove");
}
			</script>

			<script>
(function($){
    $.fn.extend({ 
        rotaterator: function(options) {
 
            var defaults = {
                fadeSpeed: 500,
                pauseSpeed: 100,
				child:null
            };
             
            var options = $.extend(defaults, options);
         
            return this.each(function() {
                  var o =options;
                  var obj = $(this);                
                  var items = $(obj.children(), obj);
				  items.each(function() {$(this).hide();})
				  if(!o.child){var next = $(obj).children(':first');
				  }else{var next = o.child;
				  }
				  $(next).fadeIn(o.fadeSpeed, function() {
						$(next).delay(o.pauseSpeed).fadeOut(o.fadeSpeed, function() {
							var next = $(this).next();
							if (next.length == 0){
									next = $(obj).children(':first');
							}
							$(obj).rotaterator({child : next, fadeSpeed : o.fadeSpeed, pauseSpeed : o.pauseSpeed});
						})
					});
            });
        }
    });
})(jQuery);

 $(document).ready(function() {
        $('#rotate').rotaterator({fadeSpeed:500, pauseSpeed:100});
 });
			</script>

<style>
* {
  margin: 0;
  padding: 0;
  boz-sizing: border-box;
}

body {
  background: white;
  height: 100%;
}

::selection {
		background: transparent;
		color: none;
}

::-moz-selection {
		background: transparent;
		color: none;
}

@font-face {
  font-family: 'AvenirLT-Medium';
  src: url('AvenirLT-Medium.woff') format('woff'),
       url('AvenirLT-Medium.ttf') format('truetype'),
       url('AvenirLT-Medium.svg#AvenirLT-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'avenir-lt-65-medium-58c91fac1d4d2';
  src: url('avenir-lt-65-medium-58c91fac1d4d2.eot');
  src: url('avenir-lt-65-medium-58c91fac1d4d2.woff2') format('woff2'),
       url('avenir-lt-65-medium-58c91fac1d4d2.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

a:link {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: blue;
}
 
a:visited {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: blue;
}
 
a:hover {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: silver;
}
 
a:active {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: blue;
}

a.white:link {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: white;
}
 
a.white:visited {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: white;
}
 
a.white:hover {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: white;
}
 
a.white:active {
    cursor: pointer;
    text-decoration: none;
    outline: none;
    color: white;
}

a.black:link {
		text-decoration: none;
		outline: none;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 50px;
    letter-spacing: 0em;
    line-height: 1;
		color: black;
		text-align: right;
}
 
a.black:visited {
		text-decoration: none;
		outline: none;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 50px;
    letter-spacing: 0em;
    line-height: 1;
		color: black;
		text-align: right;
}
 
a.black:hover {
		text-decoration: none;
		outline: none;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 50px;
    letter-spacing: 0em;
    line-height: 1;
		color: silver;
		text-align: right;
}
 
a.black:active {
		text-decoration: none;
		outline: none;
		color: silver;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 50px;
    letter-spacing: 0em;
    line-height: 1;
		color: black;
		text-align: right;
}

p {
		margin: 0 0 0 0;
    font-size: 100%;
}

img, iframe, object {
		border: none;
		display: block;
}

img {
		margin: 0;
		padding: 0;
}

.no-border img {
		border: none;
		padding: 0;
		background: black;
}

.imglink{
		background: black; 
}

.imglink:hover{
    background: black;
}

.imglink:hover .img-responsive{
    opacity: 0.3;
}

.clear {
		clear: both;
}

.italic {
		font-style: italic;
}

.bold {
		font-weight: 900;
}

.silver {
		color: silver; 
}

.button, .button-no-top {
    cursor: pointer;
    border: 2px white solid;
		border-radius: 5px;
		background: blue;
    padding: 5.5% 5% 5% 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
		color: white;
    text-align: center;
}

.button-no-top {
		margin: -10px 10px 0 -10px;
}

.button li, .button-no-top li {
		display: inline-block;
    cursor: pointer;
    border: 2px white solid;
		border-radius: 5px;
		background: blue;
    padding: 5.5% 5% 5% 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
		color: white;
    text-align: center;
}

.button li a, .button-no-top li a {
    cursor: pointer;
    border: 2px white solid;
		border-radius: 5px;
		background: blue;
    padding: 5.5% 5% 5% 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
		color: white;
    text-align: center;
}

.button li a:hover, .button-no-top li a:hover {
    cursor: pointer;
    border: 2px white solid;
    border-radius: 5px;
    background: white;
    padding: 5.5% 5% 5% 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
    color: blue;
    text-align: center;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.fade-in .box{
		width: 100%;
}

		@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
		@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
		@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
		opacity:0;
		opacity: 1 \9;
		-webkit-animation:fadeIn ease-in 1;
		-moz-animation:fadeIn ease-in 1;
		animation:fadeIn ease-in 1;

		-webkit-animation-fill-mode:forwards;
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:forwards;

		-webkit-animation-duration:1s;
		-moz-animation-duration:1s;
		animation-duration:1s;
}

.fade-in.one {
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
		animation-delay: 0.3s;
}

.fade-in.two {
		-webkit-animation-delay: 0.6s;
		-moz-animation-delay: 0.6s;
		animation-delay: 0.6s;
}

.fade-in.three {
		-webkit-animation-delay: 0.9s;
		-moz-animation-delay: 0.9s;
		animation-delay: 0.9s;
}
.fade-in.four {
		-webkit-animation-delay: 1.1s;
		-moz-animation-delay: 1.1s;
		animation-delay: 1.1s;
}

.fade-in.five {
		-webkit-animation-delay: 1.3s;
		-moz-animation-delay:1.3s;
		animation-delay: 1.3s;
}

.fade-in.six {
		-webkit-animation-delay: 1.5s;
		-moz-animation-delay: 1.5s;
		animation-delay: 1.5s;
}
.fade-in.seven {
		-webkit-animation-delay: 1.8s;
		-moz-animation-delay: 1.8s;
		animation-delay: 1.8s;
}

.fade-in.eight {
		-webkit-animation-delay: 2.1s;
		-moz-animation-delay: 2.1s;
		animation-delay: 2.1s;
}

.fade-in.nine {
		-webkit-animation-delay: 2.4s;
		-moz-animation-delay: 2.4s;
		animation-delay: 2.4s;
}
.fade-in.ten {
		-webkit-animation-delay: 2.7s;
		-moz-animation-delay: 2.7s;
		animation-delay: 2.7s;
}

.fade-in.eleven {
		-webkit-animation-delay: 3s;
		-moz-animation-delay: 3s;
		animation-delay: 3s;
}

.fade-in.twelve {
		-webkit-animation-delay: 3.3s;
		-moz-animation-delay: 3.3s;
		animation-delay: 3.3s;
}

.fade-in.thirteen {
		-webkit-animation-delay: 3.6s;
		-moz-animation-delay: 3.6s;
		animation-delay: 3.6s;
}

.fade-in.loadone {
		-webkit-animation-delay: 9s;
		-moz-animation-delay: 9s;
		animation-delay: 9s;
}

.fade-in.loadtwo {
		-webkit-animation-delay: 9.3s;
		-moz-animation-delay: 9.3s;
		animation-delay: 9.3s;
}

.fade-in.loadthree {
		-webkit-animation-delay: 9.6s;
		-moz-animation-delay: 9.6s;
		animation-delay: 9.6s;
}

.fade-in.loadfour {
		-webkit-animation-delay: 9.9s;
		-moz-animation-delay: 9.9s;
		animation-delay: 9.9s;
}

.fade-in.loadfive {
		-webkit-animation-delay: 10.2s;
		-moz-animation-delay: 10.2s;
		animation-delay: 10.2s;
}

.fade-in.loadsix {
		-webkit-animation-delay: 10.5s;
		-moz-animation-delay: 10.5s;
		animation-delay: 10.5s;
}

.fade-in.loadseven {
		-webkit-animation-delay: 10.8s;
		-moz-animation-delay: 10.8s;
		animation-delay: 10.8s;
}

.fade-in.loadeight {
		-webkit-animation-delay: 11.1s;
		-moz-animation-delay: 11.1s;
		animation-delay: 11.1s;
}

.fade-in.loadnine {
		-webkit-animation-delay: 11.4s;
		-moz-animation-delay: 11.4s;
		animation-delay: 11.4s;
}

.fade-in.loadten {
		-webkit-animation-delay: 11.7s;
		-moz-animation-delay: 11.7s;
		animation-delay: 11.7s;
}

.fade-in.loadeleven {
		-webkit-animation-delay: 12s;
		-moz-animation-delay: 12s;
		animation-delay: 12s;
}

.fade-in.loadtwelve {
		-webkit-animation-delay: 12.3s;
		-moz-animation-delay: 12.3s;
		animation-delay: 12.3s;
}

.small-white-shake {
    cursor: pointer;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0em;
    line-height: 1.5;
		color: white;
}

.small-white-shake:hover {
    cursor: pointer;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0em;
    line-height: 1.5;
    color: white;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
}

.medium-black {
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75;
		color: black;
}

.medium-blue {
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75;
		color: blue;
		padding: 0;
}

.medium-white {
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.45;
		color: white;
}

.large-white {
    padding: 0 2.5%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 0em;
    line-height: 1.35;
		color: white;
		text-align: center;
}

.large-black {
    padding: 0;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 0em;
    line-height: 1;
		color: black;
}

.browser-home-box-left {
		position: absolute;
		position: fixed;
		z-index: 1;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 50%;
		height: 100%;
		background: blue;
		text-align: left;
}

.browser-home-box-right {
		position: absolute;
		position: fixed;
		z-index: 1;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0;
		width: 50%;
		height: 100%;
		background: white;
		text-align: left;
		overflow: auto;
}

.browser-loading-box-text {
		z-index: 1;
		padding: 0;
		margin: 0;
		width: 100%;
		bottom: 0;
		position: absolute;
		text-align: center; 
}

.browser-loading-box-text-center {
		position: fixed;
		width: 100%;
		margin: 0;
		padding: 0 0 12.5% 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}

.browser-home-box {
		float: center;
		padding: 0;
		margin: 0 auto;
		width: 50%;
		background: blue;
}

.browser-home-box-text {
		z-index: 1;
		padding: 0 0 37.5px 0;
		margin: 0 0 37.5px 0;
		width: 50%;
		bottom: 0;
		position: absolute;
		text-align: center; 
}

.browser-home-box-text-center {
		position: fixed;
		width: 50%;
		margin: 0;
		padding: 0 0 117.5px 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}

.browser-home-box-main {
    width: 100%;
    margin: 0;
    padding: 0 0 0px 0;
}

.browser-home-profile-image {
    width: 33%;
    margin: 0 auto;
    padding: 0 0 25px 0;
}

.browser-home-profile-image img{
    width: 100%;
    border: 0;
}

.browser-home-buttons {
    width: 50%;
    margin: 0 auto;
    padding: 25px 25%;
    float: left;
}

.browser-home-skills {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center;
}

.browser-home-buttons-box {
    cursor: pointer;
    border: 2px white solid;
		border-radius: 5px;
		background: blue;
    padding: 12.5px 5% 12.5px 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 28px;
    letter-spacing: 0em;
    line-height: 1;
		color: white;
    text-align: center;
}

.browser-home-buttons-box:hover {
    cursor: pointer;
    border: 2px white solid;
    border-radius: 5px;
    background: white;
    padding: 12.5px 5% 12.5px 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 28px;
    letter-spacing: 0em;
    line-height: 1;
    color: blue;
    text-align: center;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
}

.browser-home-footer {
		z-index: 1;
    position: fixed;
		bottom: 0;
		padding: 0 5%;
		width: 40%;
		text-align: center;
		background: blue;
		margin: 0 0 50px 0;
}

.browser-home-icon-boxes {
    width: 100%;
    margin: 0;
    padding: 0 0 25px 0;
}

.browser-home-icon-boxes img{
    cursor: pointer;
    display:inline-block;
    height: 50px; 
    border: 0;
}

.browser-home-icon-boxes img:hover {
    cursor: pointer;
    display:inline-block;
    height: 50px;
    border: 0;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
}

.browser-popup {
    z-index: 101;
    position: fixed;
    bottom: 0;
    float: left;
    display: none;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: white;
    -webkit-animation: slideup 0.25s forwards;
    animation: slideup 0.25s forwards;
}
@-webkit-keyframes slideup {
    0% {
      -webkit-transform: translatey(100%);
              transform: translatey(100%);
    }
    100% {
      -webkit-transform: translatey(0);
              transform: translatey(0);
    }
  }
  @keyframes slideup {
    0% {
      -webkit-transform: translatey(100%);
              transform: translatey(100%);
    }
    100% {
      -webkit-transform: translatey(0);
              transform: translatey(0);
    }
}

.browser-popup-box {
		float: left;
		padding: 62.5px 7.5% 25px 7.5%;
		margin: 0;
		width: 85%;
		min-height: 100%;
		text-align: left;
    background: white;
}

.browser-popup-whoami-heading-aboutme {
    width: 30%;
    margin: 0;
    padding: 25px 0 0 0;
    text-align: left;
    float: left;
}

.browser-popup-whoami-aboutme-description {
    width: 70%;
    margin: 0;
    padding: 25px 0 75px 0;
    float: left;
    text-align: left;
}

.browser-popup-whoami-heading-experience {
    width: 30%;
    margin: 0;
    padding: 25px 0 50px 0;
    text-align: left;
    float: left;
}

.browser-popup-whoami-heading-education {
    width: 30%;
    margin: 0 0 0 0;
    padding: 0;
    text-align: left;
    float: left;
}

.browser-popup-whoami-aboutme {
    width: 30%;
    margin: 0;
    padding: 0;
    text-align: left;
}

.browser-popup-whoami-description-header {
    width: 50%;
    margin: 0;
    padding: 0 0 50px 0;
    float: left;
    text-align: left;
}

.browser-popup-whoami-description-footer-header {
    width: 50%;
    margin: 0;
    padding: 25px 0 50px 0;
    float: left;
    text-align: left;
}

.browser-popup-whoami-description {
    width: 50%;
    margin: 0;
    padding: 0 0 50px 30%;
    float: left;
    text-align: left;
}

.browser-popup-whoami-year {
    width: 20%;
    margin: 0;
    padding: 0 0 25px 0;
    float: right;
    text-align: right;
}

.browser-popup-whoami-year-header {
    width: 20%;
    margin: 0;
    padding: 25px 0 25px 0;
    float: right;
    text-align: right;
}

.phone-popup {
    z-index: 101;
    position: fixed;
    display: none;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: none;
}

.phone-loading-box {
		position: absolute;
		position: fixed;
		z-index: 1;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		background: blue;
		text-align: left;
		overflow: auto;
		display: none;
}

@media screen and (max-width: 770px) {

* {
  margin: 0;
  padding: 0;
  boz-sizing: border-box;
}

body {
  background: white;
  height: 100%;
}

::selection {
		background: transparent;
		color: none;
}

::-moz-selection {
		background: transparent;
		color: none;
}

@font-face {
    font-family: 'AvenirLT-Medium';
    src: url('AvenirLT-Medium.woff') format('woff'),
         url('AvenirLT-Medium.ttf') format('truetype'),
         url('AvenirLT-Medium.svg#AvenirLT-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir-lt-65-medium-58c91fac1d4d2';
    src: url('avenir-lt-65-medium-58c91fac1d4d2.eot');
    src: url('avenir-lt-65-medium-58c91fac1d4d2.woff2') format('woff2'),
         url('avenir-lt-65-medium-58c91fac1d4d2.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

a:link {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: blue;
}
 
a:visited {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: blue;
}
 
a:hover {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: silver;
}
 
a:active {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: blue;
}

a.white:link {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: white;
}
 
a.white:visited {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: white;
}
 
a.white:hover {
    cursor: pointer;
		text-decoration: none;
		outline: none;
		color: white;
}
 
a.white:active {
    cursor: pointer;
    text-decoration: none;
    outline: none;
    color: white;
}

a.black:link {
		text-decoration: none;
		outline: none;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 50px;
    letter-spacing: 0em;
    line-height: 1;
		color: black;
		text-align: right;
}
 
a.black:visited {
		text-decoration: none;
		outline: none;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 50px;
    letter-spacing: 0em;
    line-height: 1;
		color: black;
		text-align: right;
}
 
a.black:hover {
		text-decoration: none;
		outline: none;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 50px;
    letter-spacing: 0em;
    line-height: 1;
		color: silver;
		text-align: right;
}
 
a.black:active {
		text-decoration: none;
		outline: none;
		color: silver;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 50px;
    letter-spacing: 0em;
    line-height: 1;
		color: black;
		text-align: right;
}

p {
		margin: 0 0 0 0;
    font-size: 100%;
}

img, iframe, object {
		border: none;
		display: block;
}

img {
		margin: 0;
		padding: 0;
}

.no-border img {
		border: none;
		padding: 0;
		background: black;
}

.imglink{
		background: black; 
}

.imglink:hover{
    background: black;
}

.imglink:hover .img-responsive{
    opacity: 0.3;
}

.clear {
		clear: both;
}

.italic {
		font-style: italic;
}

.bold {
		font-weight: 900;
}

.silver {
		color: silver; 
		
}
.button, .button-no-top {
    cursor: pointer;
    border: 2px white solid;
		border-radius: 5px;
		background: blue;
    padding: 5.5% 5% 5% 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
		color: white;
    text-align: center;
}

.button-no-top {
		margin: -10px 10px 0 -10px;
}

.button li, .button-no-top li {
		display: inline-block;
    cursor: pointer;
    border: 2px white solid;
		border-radius: 5px;
		background: blue;
    padding: 5.5% 5% 5% 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
		color: white;
    text-align: center;
}

.button li a, .button-no-top li a {
    cursor: pointer;
    border: 2px white solid;
		border-radius: 5px;
		background: blue;
    padding: 5.5% 5% 5% 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
		color: white;
    text-align: center;
}

.button li a:hover, .button-no-top li a:hover {
    cursor: pointer;
    border: 2px white solid;
    border-radius: 5px;
    background: white;
    padding: 5.5% 5% 5% 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
    color: blue;
    text-align: center;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.fade-in .box{
		width: 100%;
}

		@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
		@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
		@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
		opacity:0;
		opacity: 1 \9;
		-webkit-animation:fadeIn ease-in 1;
		-moz-animation:fadeIn ease-in 1;
		animation:fadeIn ease-in 1;

		-webkit-animation-fill-mode:forwards;
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:forwards;

		-webkit-animation-duration:1s;
		-moz-animation-duration:1s;
		animation-duration:1s;
}

.fade-in.one {
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
		animation-delay: 0.3s;
}

.fade-in.two {
		-webkit-animation-delay: 0.6s;
		-moz-animation-delay: 0.6s;
		animation-delay: 0.6s;
}

.fade-in.three {
		-webkit-animation-delay: 0.9s;
		-moz-animation-delay: 0.9s;
		animation-delay: 0.9s;
}
.fade-in.four {
		-webkit-animation-delay: 0.9s;
		-moz-animation-delay: 0.9s;
		animation-delay: 0.9s;
}

.fade-in.five {
		-webkit-animation-delay: 1.2s;
		-moz-animation-delay:1.2s;
		animation-delay: 1.2s;
}

.fade-in.six {
		-webkit-animation-delay: 1.5s;
		-moz-animation-delay: 1.5s;
		animation-delay: 1.5s;
}
.fade-in.seven {
		-webkit-animation-delay: 1.8s;
		-moz-animation-delay: 1.8s;
		animation-delay: 1.8s;
}

.fade-in.eight {
		-webkit-animation-delay: 2.1s;
		-moz-animation-delay: 2.1s;
		animation-delay: 2.1s;
}

.fade-in.nine {
		-webkit-animation-delay: 2.4s;
		-moz-animation-delay: 2.4s;
		animation-delay: 2.4s;
}
.fade-in.ten {
		-webkit-animation-delay: 2.7s;
		-moz-animation-delay: 2.7s;
		animation-delay: 2.7s;
}

.fade-in.eleven {
		-webkit-animation-delay: 3s;
		-moz-animation-delay: 3s;
		animation-delay: 3s;
}

.fade-in.twelve {
		-webkit-animation-delay: 3.3s;
		-moz-animation-delay: 3.3s;
		animation-delay: 3.3s;
}

.fade-in.loadone {
		-webkit-animation-delay: 9s;
		-moz-animation-delay: 9s;
		animation-delay: 9s;
}

.fade-in.loadtwo {
		-webkit-animation-delay: 9.3s;
		-moz-animation-delay: 9.3s;
		animation-delay: 9.3s;
}

.fade-in.loadthree {
		-webkit-animation-delay: 9.6s;
		-moz-animation-delay: 9.6s;
		animation-delay: 9.6s;
}

.fade-in.loadfour {
		-webkit-animation-delay: 9.9s;
		-moz-animation-delay: 9.9s;
		animation-delay: 9.9s;
}

.fade-in.loadfive {
		-webkit-animation-delay: 10.2s;
		-moz-animation-delay: 10.2s;
		animation-delay: 10.2s;
}

.fade-in.loadsix {
		-webkit-animation-delay: 10.5s;
		-moz-animation-delay: 10.5s;
		animation-delay: 10.5s;
}

.fade-in.loadseven {
		-webkit-animation-delay: 10.8s;
		-moz-animation-delay: 10.8s;
		animation-delay: 10.8s;
}

.fade-in.loadeight {
		-webkit-animation-delay: 11.1s;
		-moz-animation-delay: 11.1s;
		animation-delay: 11.1s;
}

.fade-in.loadnine {
		-webkit-animation-delay: 11.4s;
		-moz-animation-delay: 11.4s;
		animation-delay: 11.4s;
}

.fade-in.loadten {
		-webkit-animation-delay: 11.7s;
		-moz-animation-delay: 11.7s;
		animation-delay: 11.7s;
}

.fade-in.loadeleven {
		-webkit-animation-delay: 12s;
		-moz-animation-delay: 12s;
		animation-delay: 12s;
}

.fade-in.loadtwelve {
		-webkit-animation-delay: 12.3s;
		-moz-animation-delay: 12.3s;
		animation-delay: 12.3s;
}

#landscape{
		position: absolute;
		top: 0;
		left: 0;
		background: blue;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 20000;
		opacity: 1;
		text-align: center;
}

#landscape p{
		position: relative;
		top: 50%;
		transform: perspective(1px) translateY(-50%);
		width: 85%;
		padding: 0 7.5%; 0 7.5%;
		color: black;
		text-align: center;
}
 
#landscape p b{
		width: 100%;
		display: block;
		text-align: center;
		margin-left: 0;
		font-family: 'Work Sans', sans-serif, 'Roboto', helvetica, arial;
		font-weight: 700;
		font-size: 18px;
		letter-spacing: 0.01em;
		line-height: 1;
		color: black;
}

.centered {																								
    position: relative;
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
            transform: perspective(1px) translateY(-50%);
}

.small-white-shake {
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0em;
    line-height: 1.5;
		color: white;
}

.small-white-shake:hover {
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0em;
    line-height: 1.5;
    color: white;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
}

.medium-black {
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.45;
		color: black;
}

.medium-blue {
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.45;
		color: blue;
		padding: 25px 0;
}

.medium-white {
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.45;
		color: white;
}

.large-white {
    padding: 0 2.5%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 0em;
    line-height: 1.35;
		color: white;
}

.large-black {
    padding: 0;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 0em;
    line-height: 1;
		color: black;
}

.phone-loading-box {
		position: absolute;
		position: fixed;
		z-index: 1;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		background: blue;
		text-align: left;
		overflow: auto;
				display: inline;
}

.phone-loading-box-text {
		z-index: 1;
		padding: 0;
		margin: 0;
		width: 100%;
		bottom: 0;
		position: absolute;
		text-align: center; 
}

.phone-loading-box-text-center {
		position: fixed;
		width: 100%;
		margin: 0;
		padding: 0 0 12.5% 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}

.blinkingtext {
		animation: blinker 3s linear infinite;
}

@keyframes blinker {  
		12.5% { opacity: 0; }
}

.phone-full-screen-animation {
		z-index: 3;
		position: relative;
		margin: 0;
		padding: 0;
		top: 0;
		background: blue;
		width: 100%;
		min-height: 100%;
		overflow: scroll;
		animation: loading 7.7s 0s;
}

@keyframes loading {
		0% {
			transform: scale(0);
				opacity: 0;
		}

		50% {
			transform: scale(0);
				opacity: 1;
		}

		99% {
			transform: scale(0);
				opacity: 1;
		}

		100% {
			transform: scale(1.0);
		}
}

.phone-home-box {
		float: center;
		padding: 0;
		margin: 0 auto;
		width: 100%;
}

.phone-home-box-text {
		z-index: 1;
		padding: 0 0 37.5px 0;
		margin: 0 0 37.5px 0;
		width: 100%;
		bottom: 0;
		position: absolute;
		text-align: center; 
}

.phone-home-box-text-center {
		position: fixed;
		width: 100%;
		margin: 0;
		padding: 0 0 12.5% 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}

.phone-home-box-main {
    width: 100%;
    margin: 0;
    padding: 0 0 42.5px 0;
}

.phone-home-profile-image {
    width: 50%;
    margin: 0 auto;
    padding: 0 0 25px 0;
}

.phone-home-profile-image img{
    width: 100%;
    border: 0;
}

.phone-home-buttons {
    width: 85%;
    margin: 0;
    padding: 25px 7.5% 25px 7.5%;
}

.phone-home-buttons-left {
    width: 47.5%;
    margin: 0;
    padding: 0 2.5% 0 0;
    float: left;
    text-align: left;
}

.phone-home-buttons-right {
    width: 47.5%;
    margin: 0;
    padding: 0 0 0 2.5%;
    float: right;
    text-align: right;
}

.phone-home-buttons-box {
    cursor: pointer;
    border: 2px white solid;
		border-radius: 5px;
		background: blue;
    padding: 5.5% 5% 5% 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
		color: white;
    text-align: center;
}

.phone-home-buttons-box:hover {
    cursor: pointer;
    border: 2px white solid;
    border-radius: 5px;
    background: white;
    padding: 5.5% 5% 5% 5%;
    margin: 0;
    width: 90%;
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
    color: blue;
    text-align: center;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
}

.phone-home-footer {
		z-index: 1;
		position: absolute;
		bottom: 0;
		padding: 0 5%;
		width: 90%;
		text-align: center;
		background: blue;
		margin: 0 0 25px 0;
}

.phone-home-icon-boxes {
    width: 75%;
    margin: 0 auto;
    padding: 0 0 12.5px 0;
}

.phone-home-icon-boxes img{
    display:inline-block;
    height: 15px; 
    border: 0;
}

.phone-home-icon-boxes img:hover {
    display:inline-block;
    height: 15px;
    border: 0;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
}

.phone-popup {
    z-index: 101;
    position: fixed;
    bottom: 0;
    float: left;
    display: none;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: white;
    overflow: auto;
    -webkit-animation: slideup 0.25s forwards;
    animation: slideup 0.25s forwards;
}
@-webkit-keyframes slideup {
    0% {
      -webkit-transform: translatey(100%);
              transform: translatey(100%);
    }
    100% {
      -webkit-transform: translatey(0);
              transform: translatey(0);
    }
  }
  @keyframes slideup {
    0% {
      -webkit-transform: translatey(100%);
              transform: translatey(100%);
    }
    100% {
      -webkit-transform: translatey(0);
              transform: translatey(0);
    }
}

.phone-popup-box {
		float: left;
		padding: 12.5px 7.5% 12.5px 7.5%;
		margin: 0;
		width: 85%;
		min-height: 100%;
		text-align: left;
    background: white;
}

.phone-popup-whoami-heading-aboutme {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

.phone-popup-whoami-heading-experience {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

.phone-popup-whoami-heading-education {
    width: 100%;
    margin: 25px 0 0 0;
    padding: 0;
    text-align: left;
}

.phone-popup-whoami-aboutme {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

.phone-popup-whoami-description {
    width: 70%;
    margin: 0;
    padding: 0 0 25px 0;
    float: left;
    text-align: left;
}

.phone-popup-whoami-year {
    width: 30%;
    margin: 0;
    padding: 0 0 25px 0;
    float: right;
    text-align: right;
}

.back {
    font-family: 'AvenirLT-Medium', 'Roboto', sans-serif, helvetica, arial;
    font-weight: 300;
    font-size: 75px;
    letter-spacing: 0em;
    line-height: 1.5;
		color: black;
		text-align: right;
}

}

</style>

</head>

<body>

<script type="text/javascript">
var sc_project=6310719; 
var sc_invisible=1; 
var sc_security="667ba16a"; 
</script>

<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="free analytics for godaddy"
href="http://statcounter.com/godaddy_website_tonight/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/6310719/0/667ba16a/1/"
alt="free analytics for godaddy" ></a></div></noscript>


<div class="browser-home-box-left">
<div class="browser-home-box-text-center">

<!---->
<div class="browser-home-box-main">

<div class="fade-in two">
<div class="browser-home-profile-image">
    <img src="https://c1.staticflickr.com/5/4309/36080732552_049fbc94d9_o.png">
</div>

<div class="browser-home-skills">
<p id="sentence"><span id="what" class="large-white"></span></p>
</div>

<div class="fade-in three">
<div class="browser-home-buttons">
<a href="mailto:info@timothyholt.co.uk">
<div class="browser-home-buttons-box">
<p>Let's talk</p>
</div></a>
</div>
</div>

<!---->
</div>
</div>
</div>
</div>
<!---->

<div class="browser-home-footer">

<div class="browser-home-icon-boxes">
    <span class="fade-in three"><a href="http://www.linkedin.com/in/timothy-holt" target="_blank"><img src="https://c1.staticflickr.com/5/4293/36114438211_a3511f138b_o.png"></a></span>&emsp;&emsp;&emsp;
    <span class="fade-in four"><a href="https://twitter.com/_timothyholt" target="_blank"><img src="https://c1.staticflickr.com/5/4316/36114438071_2666c63598_o.png"></a></span>&emsp;&emsp;&emsp;
    <span class="fade-in five"><a href="https://www.instagram.com/_timothyholt" target="_blank"><img src="https://c1.staticflickr.com/5/4321/36114438291_0481842551_o.png"></a></span>&emsp;&emsp;&emsp;
    <span class="fade-in six"><a href="tel:07403873269"><img src="https://c1.staticflickr.com/5/4314/36207815116_7e43baeeda_o.png"></a></span>
</div>

<div class="fade-in seven">
<p class="small-white-shake"><a href="mailto:info@timothyholt.co.uk?subject=Request%20a%20portfolio&body=Hello.%20I%20would%20like%20to%20request%20a%20portfolio." class="white">Tap to request a portfolio</a></p>
</div>
</div>

<!---->
</div>
</div>
<!---->
</div>
</div>

</div>
<div class="fade-in one">
<div class="browser-home-box-right">

<div class="fade-in one">
<div class="browser-popup-box">

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<!-- About me -->
<div class="fade-in eight">
<div class="browser-popup-whoami-heading-aboutme">
    <p class="medium-blue">ABOUT ME</p>
</div>
</div>

<div class="fade-in nine">
<div class="browser-popup-whoami-aboutme-description">
    <p class="medium-black">I'm a passionate, pro-active, organised and personable individual who is capable of working individually or as part of a team.  I am a quick learner and would appreciate the opportunity to increase and improve my skills in different sectors.  These skills include:<br/>
    <br>
    <span class="medium-blue">&bull;&emsp;</span>HTML 5<br/>
    <span class="medium-blue">&bull;&emsp;</span>CSS 3<br/>
    <span class="medium-blue">&bull;&emsp;</span>JavaScript<br/>
    <span class="medium-blue">&bull;&emsp;</span>JQuery<br/>
    <span class="medium-blue">&bull;&emsp;</span>Notepad<br/>
    <span class="medium-blue">&bull;&emsp;</span>Bootstrap 4<br/>
    <span class="medium-blue">&bull;&emsp;</span>Adobe Dreamweaver<br/>
    <span class="medium-blue">&bull;&emsp;</span>Adobe Illustrator<br/>
    <span class="medium-blue">&bull;&emsp;</span>Adobe Photoshop<br/>
    <span class="medium-blue">&bull;&emsp;</span>Adobe InDesign<br/>
    <span class="medium-blue">&bull;&emsp;</span>Adobe Experience Design<br/>
    <span class="medium-blue">&bull;&emsp;</span>Sketch</p>
</div>
</div>

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<!-- Education -->
<div class="fade-in ten">
<div class="browser-popup-whoami-heading-education">
    <p class="medium-blue">EDUCATION</p>
</div>
</div>
<!---->
<div class="fade-in eleven">
<div class="browser-popup-whoami-description-header">
    <p class="medium-black"><span class="bold">Master</span><br/>
    <br>
    Digital Media Practice: Interactive and UC, UI and UX  Design, The University of Winchester</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2017</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Short Course</span><br/>
    <br>
    Inspiring Enterprise Project (Business Studies), The University of Winchester</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2017</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Short Course</span><br/>
    <br>
    Critical Theory in Contemporary Art Practice, Chelsea College of Arts</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2015</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Short Course</span><br/>
    <br>
    Experience Design: Audience Participation, Central Saint Martins College of Art and Design</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2014</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Short Course</span><br/>
    <br>
    Art History, Criticism and Curating, Central Saint Martins College of Art and Design</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2014</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Bachelor - Honours</span><br/>
    <br>
    Fine Art, Sculpture, University for the Creative Arts</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2011</span></p>
</div>
<div class="clear"></div>
<!---->
</div>

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<!-- Experience -->
<div class="fade-in twelve">
<div class="browser-popup-whoami-heading-experience">
    <p class="medium-blue">EXPERIENCE<br/>(SELECTED)</p>
</div>
</div>
<!---->
<div class="fade-in thirteen">
<div class="browser-popup-whoami-description-footer-header">
    <p class="medium-black"><span class="bold">Employment</span><br/>
    <br>
    Senior Curator, Osterly Limited Gallery Consultants</p>
</div>
<div class="browser-popup-whoami-year-header">
    <p class="medium-black"><span class="bold">Present</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Intern</span><br/>
    <br>
    Admin Assistant, Barber Osgerby, Universal Design Studio, MAP Project Office</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2016</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Freelance</span><br/>
    <br>
    Front-End Developer & Graphic Designer, 'And Ings', Noho Studios, London</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2016</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Freelance</span><br/>
    <br>
    Front-End Developer & Graphic Designer, 'POMP', Safehouse 1 & 2, London</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2016</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Freelance</span><br/>
    <br>
    Front-End Developer & Graphic Designer, 'Another After', Great Western Studios, London</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2014</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Freelance</span><br/>
    <br>
    Front-End Developer & Graphic Designer, 'Tomorrow', The Gallery in Redchurch Street, London</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2013</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Employment</span><br/>
    <br>
    Public Relations, University for the Creative Arts</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2012</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="browser-popup-whoami-description">
    <p class="medium-black"><span class="bold">Freelance</span><br/>
    <br>
    Art Editor/Writer, VultureHound Magazine</p>
</div>
<div class="browser-popup-whoami-year">
    <p class="medium-black"><span class="bold">2016</span></p>
</div>
<div class="clear"></div>
<!---->
</div>
</div>

<div class="clear"></div>

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

</div>

</div>

</div>
</div>
</div>


</div>
</div>
</div>
<div class="clear"></div>

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->
<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<div id="landscape"><p><span class="medium-white">
<a href="tel:07403873269" class="white">+&emsp;44&emsp;74&emsp;03&emsp;87&emsp;32&emsp;69</a><br/>
<a href="mailto:info@timothyholt.co.uk" class="white">info@timothyholt.co.uk</a><br/>
<br>
<a href="https://twitter.com/_timothyholt" target="_blank" class="white">Twitter&emsp;_timothyholt</a><br/>
<a href="https://www.instagram.com/_timothyholt" target="_blank" class="white">Instagram&emsp;_timothyholt</a></span></p>
</div>
<div class="clear"></div>

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<div class="phone-loading-box">
<div class="phone-loading-box-text">
<div class="phone-loading-box-text-center">

<div class="fade-in two">
<div class="blinkingtext">
<center><p class="large-white" id="loading"></p></center>
<script>
if (Math.random() < 0.5) {
text = "Loading";
} else {
text = "Cumbering";
}
document.getElementById("loading").innerHTML = text;
</script>

</div>
</div>

</div>
</div>

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<div class="phone-full-screen-animation">

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<div id="home" class="phone-home-box">

<div class="phone-home-box-text">

<div class="phone-home-box-text-center">
<div class="fade-in loadone">
<!---->
<div class="phone-home-box-main">

<div class="phone-home-profile-image">
    <img src="https://c1.staticflickr.com/5/4325/36208203986_86eedd0ef3_o.png">
</div>

<p id="phonesentence"><span id="phonewhat" class="large-white"></span></p>

<div class="phone-home-buttons">

<div class="phone-home-buttons-left">
<a href="mailto:info@timothyholt.co.uk"><div class="phone-home-buttons-box">
<p>Let's talk</p>
</div></a>
</div>

<div class="phone-home-buttons-right">
<a href="javascript:void(0)" onclick="document.getElementById('whoami').style.display='block';document.getElementById('fade').style.display='block'">
<div class="phone-home-buttons-box">
<p>Who am I</p>
</div></a>
</div>

</div>
</div>
<!---->
</div>
</div>
</div>
<!---->
<div class="phone-home-footer">

<div class="phone-home-icon-boxes">
<div class="fade-in loadtwo">
    <a href="http://www.linkedin.com/in/timothy-holt" target="_blank"><img src="https://c1.staticflickr.com/5/4293/36114438211_a3511f138b_o.png"></a>&emsp;
    <a href="https://twitter.com/_timothyholt" target="_blank"><img src="https://c1.staticflickr.com/5/4316/36114438071_2666c63598_o.png"></a>&emsp;
    <a href="https://www.instagram.com/_timothyholt" target="_blank"><img src="https://c1.staticflickr.com/5/4321/36114438291_0481842551_o.png"></a>&emsp;
    <a href="tel:07403873269"><img src="https://c1.staticflickr.com/5/4314/36207815116_7e43baeeda_o.png"></a>
</div>
</div>

<div class="fade-in loadthree">
<p class="small-white-shake"><a href="mailto:info@timothyholt.co.uk?subject=Request%20a%20portfolio&body=Hello.%20I%20would%20like%20to%20request%20a%20portfolio." class="white">Tap to request a portfolio</a></p>
</div>
</div>

</div>
<!---->
</div>
</div>
<!---->
</div>
</div>

<div class="clear"></div>

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->
<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->
<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<div id="whoami" class="phone-popup" href="javascript:void(0)" onclick="document.getElementById('whoami').style.display='none';document.getElementById('fade').style.display='none'" class="white">
<div class="fade-in one">
<div class="phone-popup-box">

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<!-- About me -->
<div class="phone-popup-whoami-heading-aboutme">
    <p class="medium-blue">ABOUT ME</p>
</div>

<div class="phone-popup-whoami-aboutme">
    <p class="medium-black">I'm a passionate, pro-active, organised and personable individual who is capable of working individually or as part of a team.  I am a quick learner and would appreciate the opportunity to increase and improve my skills in different sectors.  These skills include:<br/>
    <br>
    <span class="medium-blue">&bull;&emsp;</span>HTML 5<br/>
    <span class="medium-blue">&bull;&emsp;</span>CSS 3<br/>
    <span class="medium-blue">&bull;&emsp;</span>JavaScript<br/>
    <span class="medium-blue">&bull;&emsp;</span>JQuery<br/>
    <span class="medium-blue">&bull;&emsp;</span>Notepad<br/>
    <span class="medium-blue">&bull;&emsp;</span>Bootstrap 4<br/>
    <span class="medium-blue">&bull;&emsp;</span>Adobe Dreamweaver<br/>
    <span class="medium-blue">&bull;&emsp;</span>Adobe Illustrator<br/>
    <span class="medium-blue">&bull;&emsp;</span>Adobe Photoshop<br/>
    <span class="medium-blue">&bull;&emsp;</span>Adobe InDesign<br/>
    <span class="medium-blue">&bull;&emsp;</span>Adobe Experience Design<br/>
    <span class="medium-blue">&bull;&emsp;</span>Sketch</p>
</div>

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<!-- Education -->
<div class="phone-popup-whoami-heading-education">
    <p class="medium-blue">EDUCATION</p>
</div>
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Master</span><br/>
    <br>
    Digital Media Practice: Interactive and UC, UI and UX  Design, The University of Winchester</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2017</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Short Course</span><br/>
    <br>
    Inspiring Enterprise Project (Business Studies), The University of Winchester</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2017</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Short Course</span><br/>
    <br>
    Critical Theory in Contemporary Art Practice, Chelsea College of Arts</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2015</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Short Course</span><br/>
    <br>
    Experience Design: Audience Participation, Central Saint Martins College of Art and Design</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2014</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Short Course</span><br/>
    <br>
    Art History, Criticism and Curating, Central Saint Martins College of Art and Design</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2014</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Bachelor - Honours</span><br/>
    <br>
    Fine Art, Sculpture, University for the Creative Arts</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2011</span></p>
</div>
<div class="clear"></div>
<!---->

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

<!-- Experience -->
<div class="phone-popup-whoami-heading-experience">
    <p class="medium-blue">EXPERIENCE (SELECTED)</p>
</div>
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Employment</span><br/>
    <br>
    Senior Curator, Osterly Limited Gallery Consultants</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">Present</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Intern</span><br/>
    <br>
    Admin Assistant, Barber Osgerby, Universal Design Studio, MAP Project Office</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2016</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Freelance</span><br/>
    <br>
    Front-End Developer & Graphic Designer, 'And Ings', Noho Studios, London</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2016</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Freelance</span><br/>
    <br>
    Front-End Developer & Graphic Designer, 'POMP', Safehouse 1 & 2, London</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2016</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Freelance</span><br/>
    <br>
    Front-End Developer & Graphic Designer, 'Another After', Great Western Studios, London</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2014</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Freelance</span><br/>
    <br>
    Front-End Developer & Graphic Designer, 'Tomorrow', The Gallery in Redchurch Street, London</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2013</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Employment</span><br/>
    <br>
    Public Relations, University for the Creative Arts</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2012</span></p>
</div>
<div class="clear"></div>
<!---->
<!---->
<div class="phone-popup-whoami-description">
    <p class="medium-black"><span class="bold">Freelance</span><br/>
    <br>
    Art Editor/Writer, VultureHound Magazine</p>
</div>
<div class="phone-popup-whoami-year">
    <p class="medium-black"><span class="bold">2016</span></p>
</div>
<div class="clear"></div>
<!---->
<div class="fade-in five">
<center><p><a class="back" href="javascript:void(0)" onclick="document.getElementById('whoami').style.display='none';document.getElementById('fade').style.display='none'">X</a></p></center>
</div>

</div>
</div>

<div class="clear"></div>

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->

</div>
</div>
</div>
<div class="clear"></div>

<!-- /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ -->
</div>
</div>
</div>
</body>

</html>