  <!---
  
 
 Hey BITCH, 

 Waarom heb jij hier beland? wat wil je? 

 
 Ben je nog steeds aa het zoeken naar me code? Etter? levendloze figuur. Liever stelen ipv leren, BITCH!
 
  
  Ben je nog steeds aa het zoeken naar me code? Etter? geef gewoon op BTICH je kan het toch niet vinden

 
 Nog steeds bezig he BITCH?
 
 
Donder eens op e nzoek een een leven BITCH 
 
 
  Ben je nog steeds aa het zoeken naar me code? Etter? ZOEK EEN LEVEN
 
 
BLIJKABAR BEN JE NOG STEEDS AAN HET SCROLLEN NAAR ME CODE, NEEM GEWOON CONTACT OP BTICH
 
 
 NOG STEEDS AAN HET SCROLLEN ? HJE DENK ECHT DAT JE SLIMMER BENT DAN IK ?
 
 
 WELLICHT BEN JE JE VOOR NU SLIMMER, WANT JE HEBT NOG STEEDS NIET OPGEGEVEN BITCH
 
 
 MAAR VERGEET NIET, WIE DE ECHTE BAAS IS!!!!!! BITCH
 
 
  MAAR VERGEET NIET, WIE DE ECHTE BAAS IS!!!!!! BITCH
 
 
 EN JIJ BENT DE GROOTSTE OET BITCH DIE ER BESTAAT OP DEZE AARDBOL!
 
  
Hey BITCH, LEUK HE IEMAND ANDSERS ZIJN CODE NALEZEN. MAAR GOED IK BEN HET WEL GEWEND OM ALS VOORBEELD GEBRUIKT TE WORDEN
  MOCHT JIJ VRAGEN HEBBEN? IK KAN HET JOU OOK LEREN. DUS WEES GEEN BITCH EN NEEM GEWOON CONTACT OP SUKKEL
  
  ....................../´¯/)
....................,/¯../
.................../..../
............./´¯/'...'/´¯¯`·¸
........../'/.../..../......./¨¯\
........('(...´...´.... ¯~/'...')
.........\.................'...../
..........''...\.......... _.·´
............\..............(
..............\.............\...


⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣠⣤⣶⣶⣿⣿⣿⣿⡿⠿⠿⠿⠻⠿⢿⣿⣦⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣠⣤⣶⣶⣿⣿⡿⠿⠛⠋⠉⠀⠀⠉⠁⠀⠀⠀⠀⠀⠀⠀⠙⠿⣿⣷⣦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣤⣶⣿⣿⡿⠿⠟⠋⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⢿⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣠⣤⣾⣿⡿⠿⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⡀⠙⢿⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⣾⣿⠿⠟⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⠞⠋⠁⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣆⠈⢻⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣾⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣠⣤⣤⣤⣤⣤⣤⣤⣤⠄⢠⡶⠟⣁⠀⣠⡾⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⣦⡈⣿⣿⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣰⣿⣿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⠟⠋⠉⠀⠀⠀⠀⠀⠈⠀⠀⢀⣩⡾⠟⣡⡾⠋⠀⠀⠀⠀⠀⢀⡀⣀⠀⠀⠀⠀⠀⠈⢻⡞⣿⣿⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣾⣿⠏⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠁⠀⠛⠛⠓⠾⠶⢶⣤⣶⢶⠶⣛⣩⣴⠟⠁⠀⠀⠀⠀⠀⣠⡾⢿⡛⢹⡄⠀⠀⠀⠀⠀⠀⠁⠈⠿⣿⣷⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣿⡿⠁⠀⠀⠠⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⠛⠛⠉⠉⠀⠀⠀⠀⠀⠀⢀⣼⠏⣠⣿⣿⣷⣶⣶⣦⣤⠀⠀⡀⠀⠀⠀⠙⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣾⣿⠏⠀⠀⠀⠀⠀⠉⢿⣆⠀⠀⠀⢀⣶⡶⠄⢀⣀⣠⣤⣾⣷⣄⠀⠀⠀⠀⠐⢳⣤⠀⠀⠀⠀⠀⠀⣾⠋⢾⡟⣿⣿⠿⣿⣉⣿⣿⣴⣿⡏⠀⠀⠀⠀⠈⠻⣿⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀⢘⣿⠀⠀⠀⠉⠁⠀⠀⣘⣿⣶⣦⣀⠈⠹⣧⠀⠀⠀⠀⠀⠙⢷⡀⠀⠀⠀⠀⣿⠀⢸⣇⢿⣿⡆⢹⠻⣿⣿⣶⡇⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣶⣦⣤⣤⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠾⠛⠀⠀⠀⠀⠀⠀⣾⣿⠿⠛⠿⢿⣿⣾⣿⠀⠀⠀⠀⠀⠀⠈⠻⣆⠀⠀⠀⠀⠀⠀⠉⠸⣿⣿⣾⣿⣿⣿⢋⡀⠀⠀⠀⠀⠀⢀⡾⠟⠉⠉⠙⠛⠛⠻⠿⣿⣿⣿⣿⣷⣶⣦⣤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢀⣾⣿⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⣠⣤⣿⣿⣦⡄⢀⣤⣨⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠘⠷⣄⡀⠀⠀⠀⠀⢠⣼⢿⣿⣿⡭⠟⠛⣁⣀⣀⣀⣀⣤⣤⣤⣤⣤⣤⣤⣤⣤⣤⣄⣀⡀⠀⠀⠉⠙⠛⠿⣿⣿⣷⣦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣸⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡾⠟⠋⠁⢸⣿⣿⣿⡇⠘⠿⢻⣿⣿⡷⢠⡶⠀⠀⠀⣠⣤⣤⣄⣬⣿⣶⣦⣀⠀⠈⠙⠋⠁⠀⠒⠛⠋⠉⠉⢉⣉⣉⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⡀⠉⠛⠷⣦⣄⠀⠀⠀⠀⠀⠉⠻⣿⣷⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢀⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠉⠀⠀⠀⠀⣬⡛⢿⣿⣿⣶⣶⣿⣿⣿⣇⡾⠁⠀⣠⣶⠟⠀⣹⠟⢧⣤⡀⣹⡟⠻⠶⠶⠶⠶⠶⠶⠶⠒⠛⠛⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⢉⣭⣿⣷⣶⣶⣿⣿⣦⣀⠀⠀⠀⠀⠈⠻⣿⣿⣆⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢸⣿⡇⠀⠀⠀⠀⠀⠀⠀⣠⣴⠂⠀⠀⠀⠀⠀⠀⠀⠀⠘⢷⡿⣮⣭⡿⠟⢉⣿⣿⠋⠀⠀⢀⣽⣿⣤⣾⣿⡀⣸⣿⣿⣿⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⠷⣦⣤⣴⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣤⣀⠀⠀⠀⠈⠙⢿⣿⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢸⣿⡇⠀⠀⠀⠀⢀⣤⠾⠋⠁⠀⠀⠀⠀⠀⠀⠀⢠⣄⠀⠀⠙⠶⠦⢤⣶⣿⡿⠃⠀⢀⣤⠞⠛⠿⠿⢿⡿⠿⠉⣿⡏⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⢤⣾⣿⠟⠉⣉⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣦⣀⠀⠀⠀⠙⢿⣿⣶⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣼⣿⠁⠀⠀⢀⡴⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢳⣶⣶⣤⡴⣶⡿⠉⢀⣠⡶⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠘⣷⡈⢷⣤⠀⠀⠀⠀⠀⢀⣤⣤⡜⢛⣻⡾⢿⣭⣶⣿⣿⠟⠃⠈⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣤⡀⠀⠈⠻⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣿⣿⠀⠀⠀⠍⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣶⣟⣡⡶⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣧⠀⠈⠻⣦⡴⢶⣿⡛⣷⠶⣞⣯⣷⣶⣿⡿⠛⠋⠀⠀⠀⠀⠀⢹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⡀⠀⠘⣿⣿⡄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢠⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣿⡿⠛⣡⡤⢀⠀⣴⡶⣴⡶⣤⡀⢀⣤⠀⣴⣀⣀⠀⠘⣷⡀⠀⠉⢿⣦⣉⣹⣵⣾⣿⡿⠟⠋⠁⠀⢀⠀⠀⠀⣠⣶⣶⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⡀⠘⢿⣿⣆⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢸⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⣾⢟⣋⣡⣤⣤⣥⣤⣬⣭⣭⣴⣯⣀⣴⣿⣿⣭⣤⣭⣭⣭⣶⣾⣛⣿⣦⣶⣿⣿⡿⠿⠟⠋⠁⠀⠀⠀⠈⠻⢯⡀⣠⣾⣿⠟⠉⠙⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣄⠈⢿⣿⣆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣼⣿⢃⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⡿⠿⠿⠟⠛⠛⠛⠛⠛⠛⣛⣿⣛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⣿⣭⡀⠀⢠⠀⠀⠀⠀⣀⣠⣀⣀⣈⠛⢹⣿⡃⠀⠀⠀⠀⠈⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⡀⢿⣿⣆⠀⠀⠀⠀
⠀⠀⠀⠀⣿⡿⠀⢻⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⠛⠛⢿⣿⣄⠰⡟⠀⠀⠀⠀⣶⣼⡟⠋⠀⠀⠀⠀⠀⠀⠀⠻⣧⠀⠀⠀⠀⠀⣠⣤⣭⣅⠀⠻⠁⠀⣠⣾⣿⠿⠻⠻⢿⣿⣾⣿⠁⠀⠀⠀⠀⠀⢠⡘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⡈⢻⣿⣦⠀⠀⠀
⠀⠀⠀⠀⣿⡇⠀⠈⢻⣆⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⠟⠁⠀⠀⣸⣿⣿⣿⣿⣶⣄⠀⠀⢹⡟⠀⠀⠀⠀⠀⠐⣶⣿⠂⠀⠀⠀⠀⠀⣠⣾⣿⣿⡿⣿⣷⡄⢀⣼⣿⠟⠁⢠⡀⠀⠀⠙⣿⣿⡀⠀⠘⣧⡀⠀⠈⢷⡈⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⠀⢻⣿⣧⡀⠀
⠀⠀⠀⢀⣿⡧⠀⠈⠀⠻⢷⣤⡀⠀⠀⠀⠀⣠⣾⣿⡟⠀⢀⡄⣼⣿⡟⠀⠀⠉⠻⣿⣷⣄⡘⡇⠀⠀⠀⠀⠀⠀⠈⢻⣆⠀⠀⠀⣠⣾⣿⡿⠃⠘⣷⡈⢿⣿⣿⣿⠏⠀⠀⢸⡇⠀⠀⠀⠘⢿⣷⡄⠀⠈⢷⡄⠀⠈⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠹⣿⣧⡀
⠀⠀⠀⢸⣿⡇⠀⠰⣦⣤⣄⣉⣻⠷⠄⠀⢐⣿⣿⣿⡇⠀⡞⢠⣿⣿⠁⢀⣼⠀⠀⠘⣿⣿⣿⣿⣿⣷⣶⣶⣶⣦⣄⡀⠙⠂⢠⣾⣿⠿⣋⠀⠀⠀⠈⢷⡀⠻⣿⣿⡄⠀⠀⢸⣇⣠⡄⠀⠀⠚⣿⣷⡄⠀⠀⢻⡄⠀⠀⢹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡆⠀⠀⠻⣿⣷
⠀⠀⠀⣾⣿⠇⠀⠀⠀⠀⠙⣿⡿⠀⠀⠀⣾⣿⣿⣿⡇⢸⠁⢸⣿⡇⠀⣸⠃⠀⠀⠀⠸⣿⣿⡉⠀⢿⡍⠉⠉⠻⢿⣿⣶⣤⣿⣿⠅⠀⠘⣧⠀⠀⠀⠈⣷⡀⠹⣿⣿⡄⠀⠈⣿⣿⡇⠀⠀⠀⠘⣿⣷⠀⠀⠀⢻⣄⠀⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⣤⠀⠀⣿⣿
⠀⠀⠀⣿⣿⠀⠀⠀⠀⠀⠀⠿⠇⠀⠀⣸⣿⣸⣿⣿⣇⡏⠀⣿⣿⠆⢀⡿⠀⠀⠀⠀⠀⢸⣿⣷⠀⠀⢿⡆⠀⠀⠀⠹⢿⣿⣿⣇⠀⠀⠀⠸⣇⠀⠀⠀⠸⣇⠀⠸⣿⣇⠀⠀⣿⣿⣷⠀⠀⠀⠀⣿⣿⠀⠀⠀⢀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⢸⠀⠀⣿⣿
⠀⠀⢸⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠻⠇⣽⣿⣿⣿⣧⣀⣿⡟⠀⣼⠃⠀⢸⠃⠀⠀⠀⠹⣿⣧⠀⠈⢷⡄⠸⣆⠀⠀⠈⠻⣿⣧⡀⠀⠀⢻⣆⠀⠀⠀⠹⣦⠀⢿⣿⠀⠀⢹⡿⢷⡀⠀⠀⠀⣿⣿⢀⣀⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠸⠄⠀⣿⣿
⠀⠀⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⢸⣿⣿⣿⣿⣿⣿⣤⡟⠀⠀⠈⠀⠀⠀⠀⠀⢻⣿⡄⠀⠈⢻⡄⠙⣦⠀⠀⠀⠹⣿⣷⡀⠀⠀⢹⣆⠀⢀⣄⣸⡇⢹⣿⠀⠀⠈⠓⠘⣧⠀⢀⣠⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⣿⣿
⠀⣸⣿⡏⠀⠀⠠⠞⠀⠀⣠⡶⠀⠀⠀⠀⠀⠉⠘⣿⣿⣿⣿⣿⣿⣿⣿⣷⣶⣶⣶⣶⣦⣄⣀⣘⣿⣷⠀⠀⠀⢻⡄⠘⣇⠀⠀⠀⠙⣿⣿⣀⠀⠀⠻⠆⠈⢿⡍⣷⢸⣿⣶⣶⣶⣶⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⣿⣿
⢠⣿⡿⠀⠀⠀⠀⠀⣠⡾⠋⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣆⠀⠀⠀⢿⡀⠹⣆⠀⠀⠀⠙⢿⣿⠀⠀⠀⠀⠀⠘⣧⣹⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⢠⣿⣿
⢼⣿⡇⠀⠀⢀⣴⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡀⠀⠀⠀⠀⠀⠻⣆⠀⠀⢀⣾⣿⠀⠀⠀⠀⢀⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠃⠀⢀⣾⣿⠃
⢺⣿⡃⠀⢰⠏⠀⠀⠀⠀⠀⢀⣤⠾⠂⠀⠀⠀⣀⠀⠀⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣀⣀⣀⣀⣀⣠⣽⣶⣶⣿⣿⣿⣠⣤⣴⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠃⠀⠀⣾⣿⠋⠀
⢻⣿⡇⠀⠀⠀⠀⠀⠀⣀⣴⠟⠁⠀⠀⠀⠀⠀⢹⣦⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⠋⠁⠀⠀⠀⠀⠀⠈⠹⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠇⠀⠀⣼⣿⡏⠀⠀
⢹⣿⣇⠀⠀⠀⠀⢠⡾⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⡆⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠋⠀⠀⣼⣿⡟⠀⠀⠀
⠈⢿⣿⣧⡀⣄⣴⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣶⢈⡇⠀⠸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠛⠻⠿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠈⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠁⠀⠀⣰⣿⡟⠀⠀⠀⠀
⠀⠀⠙⢿⣿⣶⡁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢨⡿⢸⡇⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣷⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⠀⠀⠀⣾⣿⠟⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠙⣿⣷⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⢸⠁⠀⠀⢹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⣿⣿⡌⠁⠀⠀⠀⠀⠀⠀⣿⣿⠛⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠏⠀⠀⢀⣼⣿⠏⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠈⠻⣿⣷⣤⠀⠀⠀⠀⠀⠀⠀⢺⡇⠈⡀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠋⠁⠀⠀⠀⠀⠀⠀⠀⣿⣿⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠁⠀⠀⢠⣾⣿⠏⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⠻⢿⣿⣦⡀⠀⠀⠀⠀⢸⡇⠀⢹⡆⠀⠀⠘⣿⣿⣿⣿⣿⣿⠿⠛⢻⣿⠉⠉⢉⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡀⠀⠀⠀⢀⣀⣀⣤⣤⣤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣼⣿⣿⡄⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠁⠀⠀⣴⣿⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣦⡀⠀⠀⠈⢿⡄⠀⠹⣆⠀⠀⠙⠿⣿⣿⣿⠿⠂⠀⠀⢹⣶⣿⡿⠿⠟⠛⠛⠛⠛⠛⠛⠛⠉⠙⢿⣿⣧⣤⣾⣿⣿⠿⠿⠿⠿⢿⣿⣷⣦⡀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⠟⠉⣿⡇⠀⣿⣿⠀⠹⣿⣿⣿⣿⣿⣿⡟⠁⠀⢀⣼⣿⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣦⡀⠀⠀⠙⢦⣀⠘⢳⣄⠀⠀⠈⢿⣿⣆⠀⠀⣤⣾⡿⠃⠀⠀⠀⠘⠛⠒⠦⠄⠀⠀⠀⠀⠘⣿⣿⡿⠛⠉⠀⣴⠶⠄⠀⢸⣿⠿⠿⣿⣷⣶⣶⣶⣾⣶⣾⣿⡿⠛⠁⠀⢀⣿⡇⠀⣿⣟⣀⣀⣿⣿⣿⣿⡿⠋⠀⠀⣠⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣄⠀⠀⠀⠙⢷⣄⡈⠻⢦⣀⠈⠻⣿⣷⣤⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⣺⣿⠀⠀⠀⣭⡀⠀⠀⠀⠀⢸⣿⡇⠀⠀⠀⢸⣿⣿⣿⠿⠛⠻⠿⣿⣿⣿⠟⠁⠀⢀⣾⣿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣷⣄⠀⠀⠀⠉⠀⠀⠀⠙⠳⢦⡈⢿⣿⣿⣿⣷⠀⠀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠀⠠⣿⡗⠀⠀⠀⢸⡦⠀⠀⠀⢹⣿⠀⠀⠀⠈⢷⣄⠀⠀⠀⢸⣿⡇⠀⠀⣀⣸⣿⡿⠁⠀⠀⠀⣠⣿⡿⠁⠀⠀⣰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣷⣄⠀⠀⠀⠀⠀⠀⣤⡀⠀⠀⠛⠿⣿⣿⣷⣄⠀⡄⠀⠀⢸⠀⠀⠀⠀⠀⠀⢼⣿⡇⠀⠀⠀⢸⡇⠀⢺⠀⢸⣿⡇⠀⠀⠀⠀⢿⣷⡄⠀⢸⣿⣆⣠⣾⣿⠟⠋⠀⠀⠀⣠⣾⣿⠟⠁⠀⠀⣼⣿⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣷⣄⠀⠀⠀⠀⠈⠙⢶⣄⠀⠀⠈⠛⢿⣿⣷⣷⣄⣀⡼⠁⠀⠀⠀⢀⣰⣿⣿⠀⠀⠀⢀⣾⠅⠀⣸⣆⣼⣿⣿⣦⣀⣀⣀⣸⣯⣧⣶⣾⣿⣿⠿⠋⠁⠀⠀⣀⣴⣿⡿⠛⠁⠀⠀⠀⣼⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣷⣤⣀⠀⠀⠀⠀⠈⠛⠆⠀⠀⠀⠈⠙⠻⣿⣿⣿⣶⣶⣶⣿⣿⡟⢿⣿⣄⣠⣤⣼⣥⣶⣿⣿⠿⠟⠋⠙⠿⠿⠿⠿⠻⠟⠛⠋⢉⣠⣴⣶⣶⣶⣾⣿⣿⣿⠋⠀⠀⠀⠀⠀⣰⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⢿⣿⣿⣟⠛⠛⠛⠛⠛⠶⠶⣤⣀⠀⠀⠀⠉⠙⢻⡟⠿⠿⠿⣿⣾⣿⣿⡿⠻⠿⡟⠛⡉⠀⠀⣀⣤⣴⣦⣤⣤⣤⣤⣤⣴⣿⣿⠿⠟⠛⠋⠉⠁⣩⡿⠃⠀⠀⢀⣤⣶⣾⣿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣷⣶⣤⣀⠀⠀⠀⠀⠉⠀⠀⠀⠀⠀⠉⠳⣦⣀⠀⠈⠛⠛⢿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠟⠛⠛⠛⠻⣟⡛⠛⠛⠉⠀⣀⣤⣤⣤⣤⡴⠋⠀⢀⣠⣶⣿⡿⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⠻⢿⣿⣿⣶⣦⣤⣀⠀⠀⠀⠀⠀⠀⠀⠙⠛⠶⣦⣤⣤⣤⣤⠤⣦⡶⠞⠋⠁⠀⠀⠀⠀⠀⠀⠉⠙⠛⠛⠛⠋⠉⠀⠀⠀⠀⣀⣤⣴⣿⡿⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠛⠿⣿⣿⣷⣦⣄⡀⠀⢀⠀⠀⡀⢀⢉⣐⢀⡀⢀⠈⠀⢀⠀⠀⡀⢀⣠⣤⣤⣤⣤⣴⣶⣶⣶⣶⣶⣿⣿⣿⣿⡿⠿⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠛⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠟⠛⠛⠛⠛⠉⠉⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀


       Maak je eigen website,BITCH!


       FUCK YOU BITCH!
       
  -->


  <!DOCTYPE html>


  <html>
  
  
  <style>
  
    html{
                scroll-behavior:smooth;
                -webkit-user-select: none; 
                -ms-user-select: none; 
                user-select: none; 
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
           
             overflow: auto;
               color-scheme: light dark;
              
               background-repeat: no-repeat, repeat;
                height: max-content;

                background-color:Canvas;
background-image:
radial-gradient(at 98% 90%, hsla(309,70%,76%,1) 0px, transparent 50%),
radial-gradient(at 5% 69%, hsla(184,77%,71%,1) 0px, transparent 50%),
radial-gradient(at 20% 90%, hsla(63,83%,72%,1) 0px, transparent 50%),
radial-gradient(at 55% 90%, hsla(152,64%,70%,1) 0px, transparent 50%),
radial-gradient(at 76% 88%, hsla(50,94%,66%,1) 0px, transparent 50%),
radial-gradient(at 42% 89%, hsla(17,82%,74%,1) 0px, transparent 50%);

        
            }
    
    
            header{
              
                color: CanvasText;
                position:fixed;
                right: 0;
              top: 0;
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between;
              list-style: none;
              text-decoration: none;
    
    background: rgba(255, 255, 255, 0);
    
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
              z-index: 1;
              cursor: crosshair;
    
            }
    
            body{
           
                color: CanvasText;
                color-scheme: light dark;
                cursor: ns-resize;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif; 
                font-weight: 50;
               height: 100%;
                
            }
    
            .logo2{
                color: CanvasText;
                font-size: 8pt;
                font-weight: lighter;
                padding:16px;
                text-decoration: none;
                text-shadow: rgb(255, 255, 255) 1px 0 10px;
                }
    
    
    ::-webkit-scrollbar {
      background-color: Canvas;
    width: 10px;
    }
    
    
    ::-webkit-scrollbar-track {
      background:transparent;
     
    border-radius: 10px;
    }
    
    
    ::-webkit-scrollbar-thumb {
      background: Canvas;
    
    border-radius: 10px;
    }
    
    
    ::-webkit-scrollbar-thumb:hover {
      background-color: CanvasText;
    background-image:
    radial-gradient(at 3% 12%,hsla(184,77%,71%,1) 0px, transparent 50%),
    radial-gradient(at 56% 78%, hsla(334,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 86% 11%, hsla(228,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 73% 45%,  hsla(309,70%,76%,1) 0px, transparent 50%),
    radial-gradient(at 66% 69%, hsla(183,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 72% 86%, hsla(286,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 49% 31%,  hsla(152,64%,70%,1)0px, transparent 50%);
    }
            .navlist{
                display: flex;
                list-style: none;
                text-decoration: none;
            }
    
            .navlist a{
                color: CanvasText;
                padding: 16px;
                font-size: 14px;
                font-weight: 300;
                border-bottom: 1px solid transparent;
                transition: all .55s ease;
                list-style: none;
              text-decoration: none;
            }
    
            .Titel{
                display: block;
                text-align: center;
         
                color: CanvasText;
                margin-top: 15%;
             
            }
    
            .Titel h1{
                font-size: 55pt;
                font-weight: bold;
                margin-bottom: -2.33%;
                color: #c999ff;
            }
    
            .Titel h5{
                font-size: 15pt;
                font-weight: lighter;
                
              
            }
    
            .Diensten{
                display: flex;
                justify-content: space-between;
                gap: 5%;
              
            }
    
          
            .overlay {
              height: 45%;
                width: 100%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 0;
                bottom: 0;
                background: rgba(255, 255, 255, 0.1);
                border-radius: 16px;
                box-shadow: 0 40px 30px rgba(0, 0, 0, 0.1);
                backdrop-filter: blur(50px);
                -webkit-backdrop-filter: blur(5px);
           
                
                backdrop-filter: blur(150px);
                
                backdrop-filter: blur(50px);
                z-index: 1;
              
                border-radius: 32px 32px 0px 0px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 50;
                overflow: auto;
            }
    
            .overlay-content {
                top: 30%;
                position: relative;
                text-align: center;
                margin: auto;
            }
    
    
            .overlay .closebtn {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;
            }
    
            .overlay .closebtn:hover {
                 color: CanvasText;
            }
    
    
             .emoticon{
                display: flex;
                justify-content: center;
                gap: 1%;
                margin-top: -20%;
              
            }  
            
            .emoticonn{
              display: flex;
                justify-content: center;
                gap: 1%;
               margin-top: 2%;
            }
    
            .rr{
                position: static;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 10;
                font-size: 10pt;
               
            }
  
            .OverlayTekst h5{
              margin-top: -3%;
               font-size: larger;
            }
    
            .OverlayTekst h1{
              font-size: 34pt;
                margin-bottom: -0.4%;
            }
    
            .OverlayTekst p{
           
              font-weight: 10;
              font-size: 6pt;
            }
    
            .rr{
                position: static;
                text-decoration: none;
                list-style: none;
                
            }
    
            .ri-copyright-line{
                cursor: pointer;
            }
    
            .WEBTEKST{
                font-size: 17pt;
              
            }
    
    
            .motto0999{
              text-align: center;
                font-size: 33pt;
              margin-top: 44%;
              margin-bottom: 33%;
              cursor: crosshair;
            }
    
            .motto0999 p{
                font-size: 7pt;
                font-weight: 10;
            }
    
            .motto09{
                text-align: center;
                font-size: 33pt;
              margin-top: 44%;
              margin-bottom: 44%;
              cursor: crosshair;
         
            }
            .motto09 p{
                font-size: 7pt;
                font-weight: 10;
            }
    
            .ms90{
              color: CanvasText;
              text-decoration: none;
              list-style: none;
    
            }
    
            .ms90:hover{
              color: #c999ff;
              text-decoration: none;
              list-style: none;
              transition: all 505ms ease-in-out;
    
            }
    
    
            .emoticonhbi{
                display: flex;
                justify-content: center;
                gap: 5%;
                margin-bottom: 5%;  
            }   
    
            .rrr{
                font-weight: lighter;
                font-size: 8pt;  
                list-style: none;
                text-decoration: none;
                color:#c999ff;
                transition: all 505ms ease-in-out;
            }
    
            .rrr:hover{
                font-weight: lighter;
                font-size: 12pt;  
                list-style: none;
                text-decoration: none;
                color:#c999ff;
            }
    
            .downLoadSaraKnop{
                text-decoration: none;
                background-color:  #c999ff;
                padding: 16px;
                border-radius: 16px;
                color: CanvasText;
                transition: all 505ms ease-in-out;
            }
    
            .downLoadSaraKnop:hover{
                text-decoration: none;
                background-color: CanvasText;
                padding: 16px;
                border-radius: 16px;
                color:  #c999ff;
            }
    
            .WEBTEKSTKnop{
                font-size: 17pt;
                margin-top: 4%;
            }
    
    
            .ri-robot-2-line{color: #c999ff;}
    
            .ri-edit-2-fill{color: #c999ff;}
    
            .ri-map-pin-line{color: #c999ff;}
    
            .ri-scales-3-line{color: #c999ff;}
    
            .ri-timer-line{color: #c999ff;}
            
    
            .ri-search-2-line{color: CanvasText;}
    
            .ri-newspaper-line{color: #c999ff;}
    
       
            .overlay2 {
                height: 85%;
                width: 100%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 0;
                bottom: 0;
                background-color:#ffcf99;
                background: rgba(255, 255, 255, 0);
    
              box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(90.7px);
    -webkit-backdrop-filter: blur(90.7px);
                z-index: 1;
              
                border-radius: 44px 44px 0px 0px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 50;
                overflow: auto;
       
           
                color: CanvasText;
                color-scheme: light;
             
             
            }
    
            .overlay-content2 {
           
                position: relative;
                text-align: center;
                margin: auto;
                
            }
    
    
            .overlay2::after, .overlay2::before{
                content: '';
                position: absolute;
                height: 100%;
                width: 100%;
               
             
                top: 50%;
                left: 50%;
                translate: -50% -50%;
                z-index: -1;
               
               
            }
    
            
            .overlay2 .closebtn {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                cursor: pointer;
                color: white;
            }
    
            
            .overlay2 .closebtn:hover {
                 color: white;
            }
    
            .container{
              margin-top: 5%;
           margin-bottom: 19%;
           
          
          }
    
        
          .Titellll{
           
    
              text-align: left;
              font-size: 35pt;
              font-family: -apple-system, BlinkMacSystemFont, sans-serif; 
            
            
          }
    
          .Titellll h1{
              margin-bottom: 2%;
              text-align: center;
              font-weight: 10;
              color: white;
            
          }
    
          .Titellll h5{
              color: white;
              text-align: center;
              font-size: 16pt;
              font-weight: 50;
              margin-top: -2%;
             
             
          }
    
          .overlay2 .expandbtn {
            position: absolute;
                top: 20px;
                left: 35px;
                font-size: 16px;
                cursor: pointer;
                color: white;
                text-decoration: none;
                list-style: none;
            }
    
            .linkPrivacyVerklaring h1{ 
              font-weight: bold;
              font-size: 12pt;
             margin-top: -50%;
             color:white ;
             text-decoration: none;
             
             
            }
    
            .overlay3 {
              height: 67%;
                width: 75%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 20%;
                bottom: 15%;
                margin-bottom: 3%;
                margin-left: 2%;
                background: rgba(255, 255, 255, 0);
    
                border: 1px solid canvasText;
                backdrop-filter: blur(80.7px);
    -webkit-backdrop-filter: blur(80.7px);
                z-index: 1;
              
                border-radius: 32px 32px 32px 32px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 50;
                overflow: auto;
                color: CanvasText;
               
    
            }
    
            .overlay-content3 {
           
                position: relative;
                text-align: center;
                margin: auto;
                
            }
    
    
            .overlay3::after, .overlay3::before{
                content: '';
                position: absolute;
                height: 100%;
                width: 100%;
               
             
                top: 50%;
                left: 50%;
                translate: -50% -50%;
                z-index: -1;
               
               
            }
    
    
            .overlay3 .closebtn {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;
            }
    
            
            .overlay3 .closebtn:hover {
              color: CanvasText;
            }
    
    
          .overlay3 .expandbtn {
            position: absolute;
                top: 20px;
                left: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;
                text-decoration: none;
                list-style: none;
            }
    
       
            .menuensluitengedeelte{
              background-color:#ff99d6;
            background-image:
  
radial-gradient(at 51% 33%, rgb(255, 0, 106) 0px, transparent 50%),
radial-gradient(at 58% 27%, rgba(223, 32, 95, 0.805) 0px, transparent 50%),
radial-gradient(at 95% 67%, rgb(209, 43, 93) 0px, transparent 50%),
radial-gradient(at 84% 23%, rgb(141, 17, 66) 0px, transparent 50%),
radial-gradient(at 18% 89%, rgb(147, 16, 93) 0px, transparent 50%),
radial-gradient(at 81% 11%, rgb(177, 18, 103) 0px, transparent 50%),
radial-gradient(at 96% 12%, hsla(276,96%,75%,1) 0px, transparent 50%);
background-clip: text;
                  -webkit-text-fill-color: transparent;
            }
          
        
            svg path{
             
              fill: url("#myGradient") ;
              stroke: url("#myGradient");
              stroke-width: 9;
              stroke-dasharray: 1000;
              stroke-dashoffset: 0;
              animation: textanimation 6s ease-in-out forwards;
              cursor:crosshair;
              
           
            }
    
    
            .sectionGroep{
  font-size: 2pt;
  -ms-flex-align: center;
  position:fixed;
  vertical-align: bottom;
  bottom: 2%;
  right:2%;
 
  transition: all .505s ease-in-out;
  display: flexbox;
          justify-content: center;
          text-align: center;
 
 
}


.services{
  display:flex;
  justify-content: space-evenly;
  transition: all .505s ease-in-out;
  background-color: Canvas;
  color: CanvasText;
  border-radius: 10px;
  transition: all .505s ease-in-out;
}

.services:hover{
  background-image:
  
radial-gradient(at 51% 33%, rgb(255, 0, 106) 0px, transparent 50%),
radial-gradient(at 58% 27%, rgba(223, 32, 95, 0.805) 0px, transparent 50%),
radial-gradient(at 95% 67%, rgb(209, 43, 93) 0px, transparent 50%),
radial-gradient(at 84% 23%, rgb(141, 17, 66) 0px, transparent 50%),
radial-gradient(at 18% 89%, rgb(147, 16, 93) 0px, transparent 50%),
radial-gradient(at 81% 11%, rgb(177, 18, 103) 0px, transparent 50%),
radial-gradient(at 96% 12%, hsla(276,96%,75%,1) 0px, transparent 50%);
}


  .servicesGroep{
          text-align: center;
          font-size: 25pt;
          border-radius: 10px;
          position: relative;
          padding: 2px;
          width: auto;
          height: auto;
      }

      .servicesGroep::after, .servicesGroep::before{
          content: '';
          position: absolute;
          height: 100%;
          width: 100%;
          background-color: CanvasText;
          /* background-color:#ffffff; */
          background-image:
          radial-gradient(at 51% 33%, rgb(255, 255, 255) 0px, transparent 50%),
          radial-gradient(at 58% 27%, rgb(255, 255, 255) 0px, transparent 50%),
          radial-gradient(at 95% 67%, rgb(255, 255, 255) 0px, transparent 50%),
          radial-gradient(at 84% 23%, rgb(255, 255, 255) 0px, transparent 50%),
          radial-gradient(at 18% 89%, rgb(255, 255, 255) 0px, transparent 50%),
          radial-gradient(at 81% 11%, rgb(255, 255, 255) 0px, transparent 50%),
          radial-gradient(at 96% 12%, rgb(255, 255, 255) 0px, transparent 50%);
          top: 50%;
          left: 50%;
          translate: -50% -50%;
          z-index: -1;
          border-radius: 10px;
      }

      .servicesGroep::before{
          filter: blur(80.5px);
          opacity: 90.5;
      }

      .logo{
  color: CanvasText;
 font-size: 10pt;
font-weight: lighter;
padding:16px;
text-decoration: none;
/* text-shadow: CanvasText 1px 0 10px; */
}
  
    
    .Scream{
      font-size: 55pt;
      font-weight: bolder;
      overflow: auto;
      margin-top: 25%;
      margin-bottom: 25%; 
      text-align: center ;
      background-image:
              radial-gradient(at 87% 71%, hsla(206,87%,72%,1) 0px, transparent 50%),
    radial-gradient(at 4% 1%, hsla(340,84%,75%,1) 0px, transparent 50%),
    radial-gradient(at 48% 52%, hsla(299,60%,79%,1) 0px, transparent 50%),
    radial-gradient(at 68% 2%, hsla(186,84%,64%,1) 0px, transparent 50%),
    radial-gradient(at 65% 84%, hsla(302,75%,71%,1) 0px, transparent 50%),
    radial-gradient(at 31% 69%, hsla(287,88%,64%,1) 0px, transparent 50%),
    radial-gradient(at 61% 24%, hsla(208,92%,64%,1) 0px, transparent 50%);
                  background-clip: text;
                  -webkit-text-fill-color: transparent;
                  cursor: crosshair;
    }
    
    .corevalues{
      display: flex;
      justify-content: space-evenly;
      gap: 2%;
      font-size: 15pt;
      font-weight: bolder;
      overflow: auto;
      margin-top: 25%;
      margin-bottom: 25%;
      text-align: center;
      overflow: auto;
      cursor: ew-resize;
    }
    
    .card{
    width: fit-content;
      background: transparent;
      border-radius: 16px;
      padding:16px;
      font-size: 55pt;
    
    }
    
    .groupen{
      font-size: 25pt;
    }
    
    .group1{
      display: grid;
      text-align: center;
      grid-template-columns: repeat(2, 200fr);
      color: canvasText; 
      cursor: crosshair;
     
     
    }
    
    
    .group2{
      display: grid;
      text-align: center;
      grid-template-columns: repeat(2, 200fr);
      color: CanvasText;
      cursor: crosshair;
     
    }
    
    .group2tekst h1{
      background-image:
              radial-gradient(at 87% 71%, hsla(206,87%,72%,1) 0px, transparent 50%),
    radial-gradient(at 4% 1%, hsla(340,84%,75%,1) 0px, transparent 50%),
    radial-gradient(at 48% 52%, hsla(299,60%,79%,1) 0px, transparent 50%),
    radial-gradient(at 68% 2%, hsla(186,84%,64%,1) 0px, transparent 50%),
    radial-gradient(at 65% 84%, hsla(302,75%,71%,1) 0px, transparent 50%),
    radial-gradient(at 31% 69%, hsla(287,88%,64%,1) 0px, transparent 50%),
    radial-gradient(at 61% 24%, hsla(208,92%,64%,1) 0px, transparent 50%);
                  background-clip: text;
                  -webkit-text-fill-color: transparent;
    }
    
    .group2tekst p{
      color: CanvasText;
    }
    
    .dienstenoverview{
      display: grid;
      text-align: center;
      grid-template-columns: repeat(3, 200fr);
      gap: 3%;
    }
    
    
    .kostenview h3{
      text-align: center;
      font-size: 12pt;
      font-weight: 10;
      margin-top:  -5%;
    }
    
    
    .kostenview p{
      display: flex;
      justify-content: space-between;
      text-align: center;
      font-size: 12pt;
      font-weight: 20;
      margin-bottom: 10%;
      color: canvasText;
    }
    
    
      .kaart1{
              text-align: center;
              font-size: 15pt;
              border-radius: 16px;
              position: relative;
              padding: 20px;
              width: auto;
              height: auto;
    
              background: rgba(255, 255, 255, 0);
    
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
              border-radius: 16px;
              box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
              cursor: pointer;
              color: canvasText;
            
          }
    
          
          .diensten{
              text-align: center;
              font-weight: bold;
             
                 
          }
    
          .diensten p{
              text-align: center;
         color: canvasText;
              font-size: 12pt;
              margin-bottom: 5%;
              font-weight: 50;
             
                 
          }
    
          .diensten h1{
              font-size: 75pt;
              background-image:
              radial-gradient(at 87% 71%, hsla(206,87%,72%,1) 0px, transparent 50%),
    radial-gradient(at 4% 1%, hsla(340,84%,75%,1) 0px, transparent 50%),
    radial-gradient(at 48% 52%, hsla(299,60%,79%,1) 0px, transparent 50%),
    radial-gradient(at 68% 2%, hsla(186,84%,64%,1) 0px, transparent 50%),
    radial-gradient(at 65% 84%, hsla(302,75%,71%,1) 0px, transparent 50%),
    radial-gradient(at 31% 69%, hsla(287,88%,64%,1) 0px, transparent 50%),
    radial-gradient(at 61% 24%, hsla(208,92%,64%,1) 0px, transparent 50%);
                  background-clip: text;
                  -webkit-text-fill-color: transparent;
                  margin-bottom: -1%;
          }
    
       .TD{ 
          margin-bottom: 25%;
          padding: 128px;;
          z-index: -1;
          text-align: center;
       }
    
       .ggg{
          margin-bottom: 25%;
          padding: 128px;
         
       }
    
       .card h1{
          background-image:
              radial-gradient(at 87% 71%, hsla(206,87%,72%,1) 0px, transparent 50%),
    radial-gradient(at 4% 1%, hsla(340,84%,75%,1) 0px, transparent 50%),
    radial-gradient(at 48% 52%, hsla(299,60%,79%,1) 0px, transparent 50%),
    radial-gradient(at 68% 2%, hsla(186,84%,64%,1) 0px, transparent 50%),
    radial-gradient(at 65% 84%, hsla(302,75%,71%,1) 0px, transparent 50%),
    radial-gradient(at 31% 69%, hsla(287,88%,64%,1) 0px, transparent 50%),
    radial-gradient(at 61% 24%, hsla(208,92%,64%,1) 0px, transparent 50%);
                  background-clip: text;
                  -webkit-text-fill-color: transparent;
       }
    
       .form .input{
          background: rgba(255, 255, 255, 0);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(13.4px);
    -webkit-backdrop-filter: blur(13.4px);
    padding: 40px;
    border-radius: 160px;
    width: 90%;
    margin-bottom: 1.3%;
       }
    
       .contactgedeelte{
          padding: 128px;
          font-size: 35pt;
       }
         
       .naam{
          text-align: center;
          font-size: 25pt;
          width: 100%;
       
       }
    
       .Button{
         
    
          font-size: smaller;
          box-shadow: 0 4px 30px canvasText;
    width: 125px;
   
    background-color:#ff99d6;
    background-image:

radial-gradient(at 51% 33%, rgb(255, 0, 106) 0px, transparent 50%),
radial-gradient(at 58% 27%, rgba(223, 32, 95, 0.805) 0px, transparent 50%),
radial-gradient(at 95% 67%, rgb(209, 43, 93) 0px, transparent 50%),
radial-gradient(at 84% 23%, rgb(141, 17, 66) 0px, transparent 50%),
radial-gradient(at 18% 89%, rgb(147, 16, 93) 0px, transparent 50%),
radial-gradient(at 81% 11%, rgb(177, 18, 103) 0px, transparent 50%),
radial-gradient(at 96% 12%, hsla(276,96%,75%,1) 0px, transparent 50%);
          padding: 8px;
          border-radius: 16px;
          opacity: 0.3;
          backdrop-filter: shadow(-2%);
          transition: all .505s ease-in-out;
    
       }
    
       .kaart1 .Button{
          margin-bottom: 120%;
       }
    
       .Button:hover{
          opacity: 1;
          color: whitesmoke;
        
       }
    
       .ri-shopping-cart-line{
          color: canvasText;
          text-decoration: none;
          list-style: none;
          justify-items: center;
          font-size: 10pt;
          font-weight: 50;
       }
      
    
       .overlay7 {
                height: 85%;
                width: 100%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 0;
                bottom: 0;
                background-color:#ffcf99;
                background: rgba(255, 255, 255, 0);
    
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(90.7px);
    -webkit-backdrop-filter: blur(90.7px);
                z-index: 1;
              
                border-radius: 44px 44px 0px 0px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 50;
                overflow: auto;
       
           
                color: CanvasText;
              
             
            }
    
            .overlay-content7 {
           
                position: relative;
                text-align: center;
                margin: auto;
                
            }
    
    
            .overlay7::after, .overlay7::before{
                content: '';
                position: absolute;
                height: 100%;
                width: 100%;
               
             
                top: 50%;
                left: 50%;
                translate: -50% -50%;
                z-index: -1;
               
               
            }
    
            
            .overlay7 .closebtn {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;;
            }
    
            
            .overlay7 .closebtn:hover {
                 color: CanvasText;
            }
    
            .emoticon{
                  display: flex;
                  justify-content: center;
                gap: 5%;
                margin-top: 11%;
                margin-bottom: 7%;
                overflow: auto;
    
    
          }   
    
          
          .quoteTEkst {
    
            
            background-color:#99e0ff;
    background-image:
    radial-gradient(at 3% 12%, hsla(62,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 56% 78%, hsla(334,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 86% 11%, hsla(228,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 73% 45%, hsla(240,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 66% 69%, hsla(183,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 72% 86%, hsla(286,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 49% 31%, rgb(19, 145, 199) 0px, transparent 50%);
    background-blend-mode: normal, normal, normal;
    
    -webkit-text-fill-color: transparent;
    background-clip: text;
    cursor: crosshair;
    
    /* old browser support */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    /* modern browser version */
    background-clip: text;
    color: transparent;
    cursor: crosshair;
          font-size: 10pt;
          font-family: "Bebas Neue", sans-serif;
    font-weight: 10;
    font-style: normal;
    opacity: 0.3;
    transition: all 1s ease-in-out;
    }
    
    
    .quoteTEkst:hover {
    
    opacity: 1;        
    background-color:#99e0ff;
    background-image:
    radial-gradient(at 3% 12%, hsla(62,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 56% 78%, hsla(334,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 86% 11%, hsla(228,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 73% 45%, hsla(240,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 66% 69%, hsla(183,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 72% 86%, hsla(286,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 49% 31%, rgb(19, 145, 199) 0px, transparent 50%);
    background-blend-mode: normal, normal, normal;
    
    -webkit-text-fill-color: transparent;
    background-clip: text;
    cursor: crosshair;
    
    /* old browser support */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    /* modern browser version */
    background-clip: text;
    color: transparent;
    cursor: crosshair;
    font-size: 10pt;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 10;
    font-style: normal;
    }
    
    
        .quoteee{
          justify-items: center;
          text-align: center;
          color: CanvasText;
          
       
          -ms-flex-align: center;
          vertical-align: bottom;
     
       
      }
    
      .closebtnmobile{
          display: none;
          visibility: hidden;
      }
      
    
      .dienstoveromschrijving{
          font-weight: 50;
       font-size: 12pt;
       margin-bottom: -4%;
      }
    
      .input{
         margin-bottom: -100%;
      }
    
      .overlay10 {
                height: 85%;
                width: 15%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 0;
                bottom: 0;
                margin-bottom: 3%;
                margin-left: 2%;
                background: rgba(255, 255, 255, 0);
    
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
                z-index: 1;
              
                border-radius: 32px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 50;
                overflow: auto;
                color: CanvasText;
              
    
            }
    
            .overlay-content10 {
           
                position: relative;
                text-align: center;
                margin: auto;
                font-size: 12pt;
            }
    
    
            .overlay10::after, .overlay10::before{
                content: '';
                position: absolute;
                height: 100%;
                width: 100%;
               
             
                top: 50%;
                left: 50%;
                translate: -50% -50%;
                z-index: -1;
               
               
            }
    
    
            .overlay10 .closebtn {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;
            }
    
            
            .overlay10 .closebtn:hover {
              color: CanvasText;
            }
    
            .qrr{
              position: static;
           display: block;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 90;
                font-size: 10pt;
            
              text-align: left;
              cursor: pointer;
            transition: all 1s ease-in-out;
            }
    
     
            .qrrr{
              position: static;
           display: block;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 90;
                font-size: 10pt;
                padding:16px;
            
              text-align: left;
              cursor: pointer;
            transition: all 1s ease-in-out;
              
            }
    
            .navlistipad a{
              text-align: left;
            }
    
    
            .navlistipad{
              margin-top: 20%;
              margin-left: 5%;
              gap:20%;
              text-decoration: none;
              list-style-type: none;
    
            }
    
            .ipadclosebutton{
              position: absolute;
              bottom: 0;
           margin: 10%;
           list-style: none;
                color: CanvasText;
                font-weight: 10;
                font-size: 10pt;
            }
    
         
             .logo1{
          visibility: hidden;
          display: none;
      }
    
      .AG{
        display: grid;
      text-align: center;
      grid-template-columns: repeat(3, 200fr);
        gap: 5%;
        padding-top: 10px;
      }
    
      .kaderlanden{
        padding-left: 32px;
        padding-right: 32px;
        margin-top: 7%;
      }
    
      .kaart1 a{
        text-decoration: none;
        list-style: none;
      }
    
      .overviewapps{
        display: flex;
        justify-content: space-evenly;
       
        margin-top: 15%;
        gap: 3%;
      }
    
      .one{
        text-align: center;
              font-size: 15pt;
              border-radius: 16px;
              position: relative;
              padding: 20px;
              width: auto;
              height: auto;
    
              background: rgba(255, 255, 255, 0);
    
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
              border-radius: 16px;
              box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
              cursor: pointer;
              color: canvasText;
      
      }
     
    
      .one a{
        color: canvasText;
        
        text-align: center;
    
        text-decoration: none;
        list-style: none;
        margin-top: 25%;
      }
    
      
      .robotOverview{
                  margin-top: 10%;
                  margin-bottom: 40%;
              }
    
        
              .Tekst {
                  color: CanvasText;
                  font-size: 55pt;
               
                  text-align: center;
                  margin-bottom: 3%;
                  background-color:#99e0ff;
    background-image:
    radial-gradient(at 3% 12%, hsla(62,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 56% 78%, hsla(334,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 86% 11%, hsla(228,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 73% 45%, hsla(240,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 66% 69%, hsla(183,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 72% 86%, hsla(286,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 49% 31%, rgb(19, 145, 199) 0px, transparent 50%);
                      background-clip: text;
                      -webkit-text-fill-color: transparent;
                   
              }
    
              .kaderlanden a{
                text-decoration: none;
               list-style: none;
              }
              .kaderlanden .naamvanrobot{
    
                font-size: 24pt;
                color: canvasText;
                font-weight: 700;
                transition: all 0.9s ease-in-out;
         
              }
    
              .kaderlanden .naamvanrobot:hover{
    
    font-size: 24pt;
    color:#56bae5;
    
    font-weight: 700;
    
    }
    .moto{
                margin-top: -2%;
              }
    
              .ri-menu-line{
                cursor: pointer;
              }
    
    
              .section1groep{
                  display: grid;
                  grid-template-columns: repeat(1, 200fr);
                  justify-items: center;
                  margin-top: 5%;
                
              }
              .section1groep H1{
                background-color:#00b2c2bc;
                  background-clip: text;
                  -webkit-text-fill-color: transparent;
                  font-size: 45pt;
                  cursor: crosshair;
                  margin-bottom: -2.8%;
              }
      
      
              .section1groep h5{
                  color: gray;
                  font-size: 11pt;
                  font-weight: 100;
              }
  
              .ri-robot-2-line{
                text-decoration: none;
                list-style: none;
                color: white;
  
              }

              .TitelGedeelte{
                margin-bottom: 45%;
              }

              .Kunstgedeelte{
                margin-top: 25%;
                margin-bottom: 25%;
              }

              .ARTGROUP{
                display: grid;
                  grid-template-columns: repeat(3, 200fr);
                  justify-items: center;
                  overflow-x: hidden;
                  margin-bottom: 3%;
              }

              .DKC{
                /* background: rgba(255, 255, 255, 0);
    
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px); */
    background-color:#ff99d6;
            background-image:
  
radial-gradient(at 51% 33%, rgb(255, 0, 106) 0px, transparent 50%),
radial-gradient(at 58% 27%, rgba(223, 32, 95, 0.805) 0px, transparent 50%),
radial-gradient(at 95% 67%, rgb(209, 43, 93) 0px, transparent 50%),
radial-gradient(at 84% 23%, rgb(141, 17, 66) 0px, transparent 50%),
radial-gradient(at 18% 89%, rgb(147, 16, 93) 0px, transparent 50%),
radial-gradient(at 81% 11%, rgb(177, 18, 103) 0px, transparent 50%),
radial-gradient(at 96% 12%, hsla(276,96%,75%,1) 0px, transparent 50%);
    padding: 16px;
    border-radius: 32px;
    text-align: center;
              }

              .DKCA{
                width: 250px;
                height: 300px;
                border-radius: 16px;
                text-align: center;
                transition: all 2s ease-in-out;
              }

              .DKCA:hover{
                scale: 1.05;
              }

              .DKT{
                display: grid;
                  grid-template-columns: repeat(3, 200fr);
                  justify-items: center;  
                  text-align: center;
                  
              }

              .DKT H1{
                background-color:#ff99d6;
            background-image:
  
radial-gradient(at 51% 33%, rgb(255, 0, 106) 0px, transparent 50%),
radial-gradient(at 58% 27%, rgba(223, 32, 95, 0.805) 0px, transparent 50%),
radial-gradient(at 95% 67%, rgb(209, 43, 93) 0px, transparent 50%),
radial-gradient(at 84% 23%, rgb(141, 17, 66) 0px, transparent 50%),
radial-gradient(at 18% 89%, rgb(147, 16, 93) 0px, transparent 50%),
radial-gradient(at 81% 11%, rgb(177, 18, 103) 0px, transparent 50%),
radial-gradient(at 96% 12%, hsla(276,96%,75%,1) 0px, transparent 50%);
background-clip: text;
                  -webkit-text-fill-color: transparent;
              }

              .founder{
                display: flex;
                justify-content: center;
                text-align: center;
                font-weight: 800;
                font-size: 7pt;
                margin-bottom: 5%;
              }

              .KunstGedeelteTitel{
                display: flex;
                justify-content: center;
                text-align: center;
                font-size: 55pt;
              }

              .KunstGedeelteTitell P{
                margin-top: -15%;
                margin-bottom: 6%;
                font-size: 25pt;
              }

              .HPT p{
                margin-top: -7%;
                font-size: 8pt;

              }

              .Slogan{
                display: flex;
                justify-content: center;
                margin-top: 25%;
                margin-bottom: 25%;

              }

              .autoshow{
          animation: AutoShowAnimation both  ;
          animation-timeline:  view(0% 10%);
        
        }

        .overlay13 {
              height: 37%;
                width: 95%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 0%;
                bottom: 1%;
                margin-bottom: 3%;
                margin-left: 2%;
                margin-right: 2%;
                background: rgba(255, 255, 255, 0);
    
                border: 1px solid canvasText;
                backdrop-filter: blur(80.7px);
    -webkit-backdrop-filter: blur(80.7px);
                z-index: 1;
              
                border-radius: 32px 32px 32px 32px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 50;
                overflow: hidden;
                color: CanvasText;
               
    
            }
    
            .overlay-content13 {
           
                position: relative;
                text-align: center;
                margin: auto;
                
            }
    
    
            .overlay13::after, .overlay13::before{
                content: '';
                position: absolute;
                height: 100%;
                width: 100%;
               
             
                top: 50%;
                left: 50%;
                translate: -50% -50%;
                z-index: -1;
               
               
            }
    
    
            .overlay13 .closebtn {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;
            }
    
            
            .overlay13 .closebtn:hover {
              color: CanvasText;
            }
    
    
          .overlay13 .expandbtn {
            position: absolute;
                top: 20px;
                left: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;
                text-decoration: none;
                list-style: none;
            }

            .ODKCA{
              width: auto;
              height: auto;
              padding: 16px;
              border-radius: 64px;
              width: 168px;
              height: 217px;
            }

            .Slogann{
              display: flex;
                justify-content: center;
                margin-top: 25%;
             
              text-decoration: none;
              list-style: none;
             color: CanvasText;
              font-size: 15pt;
              margin-bottom: 25%;
              
            }
            .knopgroep{
              display: flex;
              justify-content: space-around;
              justify-content: space-between;
              justify-content: space-evenly;
              margin-bottom: 20%;
            }

            .knop{
              color: CanvasText;
              background-color:#ff99d6;
            background-image:
  
radial-gradient(at 51% 33%, rgb(255, 0, 106) 0px, transparent 50%),
radial-gradient(at 58% 27%, rgba(223, 32, 95, 0.805) 0px, transparent 50%),
radial-gradient(at 95% 67%, rgb(209, 43, 93) 0px, transparent 50%),
radial-gradient(at 84% 23%, rgb(141, 17, 66) 0px, transparent 50%),
radial-gradient(at 18% 89%, rgb(147, 16, 93) 0px, transparent 50%),
radial-gradient(at 81% 11%, rgb(177, 18, 103) 0px, transparent 50%),
radial-gradient(at 96% 12%, hsla(276,96%,75%,1) 0px, transparent 50%);

              padding: 16px;
              border-radius: 16px;
             display: flex;
           
            }

            .knop a{
              color: CanvasText;
              text-decoration: none;
              list-style: none;
            }

            .tekst{
              padding-left: 64px;
              padding-right: 64px;
            }

            .tekstKunstwerkTekst{
              margin-top: 1%;
              margin-bottom: 2%;
              padding-left:64px;
              padding-right:64px;
            }

            .tekstKunstwerkTekst h1{
              padding-bottom: 15px;

            }

            .ri-apple-fill{
              background-color:#ff99d6;
            background-image:
  
radial-gradient(at 51% 33%, rgb(255, 0, 106) 0px, transparent 50%),
radial-gradient(at 58% 27%, rgba(223, 32, 95, 0.805) 0px, transparent 50%),
radial-gradient(at 95% 67%, rgb(209, 43, 93) 0px, transparent 50%),
radial-gradient(at 84% 23%, rgb(141, 17, 66) 0px, transparent 50%),
radial-gradient(at 18% 89%, rgb(147, 16, 93) 0px, transparent 50%),
radial-gradient(at 81% 11%, rgb(177, 18, 103) 0px, transparent 50%),
radial-gradient(at 96% 12%, hsla(276,96%,75%,1) 0px, transparent 50%);
background-clip: text;
                  -webkit-text-fill-color: transparent;
            }


            .DecButton{
                padding: 64px;
                background: rgba(255, 255, 255, 0);
    
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
            }

            .INCButton{
                padding: 128px;
                background: rgba(255, 255, 255, 0);
    width: 800px;
    height: 350px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
            }

          
.counter{
    font-size: 125pt;
    font-weight: 500;
}

.DecINCbuttonSection{
  display:flex;
  justify-content: center;
  gap:5%;
  
}

.extrabuttons{
  margin-top: 25%;
  display: flex;
  justify-content: space-between;
  margin-left: 5%;
  margin-right: 5%;
  
}

.TitelGedeelte{
margin-top: 1%;
padding: 64px;
align-items: center;
text-align: center;
background-color: CanvasText;
    background-image:
    radial-gradient(at 3% 12%,hsla(184,77%,71%,1) 0px, transparent 50%),
    radial-gradient(at 56% 78%, hsla(334,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 86% 11%, hsla(228,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 73% 45%,  hsla(309,70%,76%,1) 0px, transparent 50%),
    radial-gradient(at 66% 69%, hsla(183,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 72% 86%, hsla(286,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 49% 31%,  hsla(152,64%,70%,1)0px, transparent 50%);
    background-clip: text;
                  -webkit-text-fill-color: transparent;
}

.Regelaar{
  margin-top: -40%;
  margin-bottom: 8%;
  display: grid;
                  grid-template-columns: repeat(2, 200fr);
                  justify-items: center;  
                  text-align: center;
                  gap: 8%;
                  overflow: auto;
}


.inputt{
    background: rgba(0, 0, 0, 0.516);
  height: 250px;
  padding: 64px;
    border-radius: 32px;
}

.quoteTEkst {
  
          
  background-color: Canvas;
  /* background-image: radial-gradient(circle at 91% 11%, hsla(13, 100%, 88%, 0.66) 4.038772213247173%, transparent 37.2265767974114%), radial-gradient(circle at 66% 37%, hsla(323, 100%, 88%, 1) 0%, transparent 63.33640956108327%), radial-gradient(circle at 36% 87%, hsla(268, 100%, 88%, 1) 12.107536057085522%, transparent 63.33640956108327%); */
  background-blend-mode: normal, normal, normal;
  
  -webkit-text-fill-color: transparent;
  background-clip: text;
  cursor: crosshair;
  
  /* old browser support */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  /* modern browser version */
  background-clip: text;
  color: transparent;
  cursor: crosshair;
        font-size: 25pt;
        font-family: "Bebas Neue", sans-serif;
  font-weight: 10;
  font-style: normal;
  text-decoration: none;
  list-style-type: none;
  }
  
  
  .quoteTEkst a{
    text-decoration: none;
  list-style-type: none;
  font-size: 8pt;
  }
  
  
  .quoteTEkst h1{
   margin-bottom: -0.5%;
  
  }
  
  
      .quoteee{
     margin-top: 9%;
  
  
    }
    
 .textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}

 
        @keyframes AutoShowAnimation{
          0% {
            opacity: 0.1;
            transform: translateY(200px) scale(0.3);
          } 100% {
            opacity: 1;
            transform: translateY(0) scale(2.5);
          }
        }


        @media (max-width: 1195px) {} 

@media (max-width: 990px) {


  html{
    overflow: auto;
  }
  .Regelaar{
  margin-top: -40%;
  margin-bottom: 35%;
  display: grid;
                  grid-template-columns: repeat(2, 200fr);
                  justify-items: center;  
                  text-align: center;
                  gap: 8%;
                  overflow: auto;
}

.TitelGedeelte h1{
  font-size: 18pt;
}

.overlay10 {
                height: 95%;
                width: 45%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 0;
                bottom: 0;
                margin-bottom: 3%;
                margin-left: 2%;
                background: rgba(255, 255, 255, 0);
    
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
                z-index: 1;
              
                border-radius: 32px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 50;
                overflow: auto;
                color: CanvasText;
              
    
            }
    
            .overlay-content10 {
           
                position: relative;
                text-align: center;
                margin: auto;
                font-size: 12pt;
            }
    
    
            .overlay10::after, .overlay10::before{
                content: '';
                position: absolute;
                height: 100%;
                width: 100%;
               
             
                top: 50%;
                left: 50%;
                translate: -50% -50%;
                z-index: -1;
               
               
            }
    
    
            .overlay10 .closebtn {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;
            }
    
            
            .overlay10 .closebtn:hover {
              color: CanvasText;
            }
    
            .qrr{
              position: static;
           display: block;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 90;
                font-size: 10pt;
            
              text-align: left;
              cursor: pointer;
            transition: all 1s ease-in-out;
            }
    
     
            .qrrr{
              position: static;
           display: block;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 90;
                font-size: 10pt;
                padding:16px;
            
              text-align: left;
              cursor: pointer;
            transition: all 1s ease-in-out;
              
            }
} 

@media (max-width: 680px) {
  html{
    overflow: auto;
  }
  .Regelaar{
  margin-top: -40%;
  margin-bottom: 35%;
  display: grid;
                  grid-template-columns: repeat(2, 200fr);
                  justify-items: center;  
                  text-align: center;
                  gap: 8%;
                  overflow: auto;
}
.TitelGedeelte h1{
  font-size: 18pt;
}

.overlay10 {
                height: 95%;
                width: 45%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 0;
                bottom: 0;
                margin-bottom: 3%;
                margin-left: 2%;
                background: rgba(255, 255, 255, 0);
    
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
                z-index: 1;
              
                border-radius: 32px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 50;
                overflow: auto;
                color: CanvasText;
              
    
            }
    
            .overlay-content10 {
           
                position: relative;
                text-align: center;
                margin: auto;
                font-size: 12pt;
            }
    
    
            .overlay10::after, .overlay10::before{
                content: '';
                position: absolute;
                height: 100%;
                width: 100%;
               
             
                top: 50%;
                left: 50%;
                translate: -50% -50%;
                z-index: -1;
               
               
            }
    
    
            .overlay10 .closebtn {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;
            }
    
            
            .overlay10 .closebtn:hover {
              color: CanvasText;
            }
    
            .qrr{
              position: static;
           display: block;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 90;
                font-size: 10pt;
            
              text-align: left;
              cursor: pointer;
            transition: all 1s ease-in-out;
            }
    
     
            .qrrr{
              position: static;
           display: block;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 90;
                font-size: 10pt;
                padding:16px;
            
              text-align: left;
              cursor: pointer;
            transition: all 1s ease-in-out;
              
            }
}

@media (max-width: 605px) {
  html{
    overflow: auto;
  }
  .Regelaar{
  margin-top: -40%;
  margin-bottom: 35%;
  display: grid;
                  grid-template-columns: repeat(2, 200fr);
                  justify-items: center;  
                  text-align: center;
                  gap: 8%;
                  overflow: auto;
}
.TitelGedeelte h1{
  font-size: 18pt;
}

.overlay10 {
                height: 95%;
                width: 45%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 0;
                bottom: 0;
                margin-bottom: 3%;
                margin-left: 2%;
                background: rgba(255, 255, 255, 0);
    
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
                z-index: 1;
              
                border-radius: 32px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 50;
                overflow: auto;
                color: CanvasText;
              
    
            }
    
            .overlay-content10 {
           
                position: relative;
                text-align: center;
                margin: auto;
                font-size: 12pt;
            }
    
    
            .overlay10::after, .overlay10::before{
                content: '';
                position: absolute;
                height: 100%;
                width: 100%;
               
             
                top: 50%;
                left: 50%;
                translate: -50% -50%;
                z-index: -1;
               
               
            }
    
    
            .overlay10 .closebtn {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;
            }
    
            
            .overlay10 .closebtn:hover {
              color: CanvasText;
            }
    
            .qrr{
              position: static;
           display: block;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 90;
                font-size: 10pt;
            
              text-align: left;
              cursor: pointer;
            transition: all 1s ease-in-out;
            }
    
     
            .qrrr{
              position: static;
           display: block;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 90;
                font-size: 10pt;
                padding:16px;
            
              text-align: left;
              cursor: pointer;
            transition: all 1s ease-in-out;
              
            }
}
    
    
    </style>
  
      <head>
          <title>ASIFI TECHNOLOGY| BAS ITALY </title>
          <link rel="icon" href="Icon/AT1.png" type="image/png">
          <!---remixicons link -->
          <link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet"> 
          <link rel="preconnect" href="https://fonts.googleapis.com">
          <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
          <link rel="preconnect" href="https://fonts.googleapis.com">
          <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
          <link href="https://fonts.googleapis.com/css2?family=Italiana&display=swap" rel="stylesheet">
          <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 
          <meta charset="UTF-8"> 
          <meta name="viewport" content="width=device-width, initial-scale=0.75">
      <header>
        <img class="logo" src="Icon/AT1.png"  width="25" height="25">
  
         <ul class="navlist"> 
        
          <li> <a class="logo" onclick="openSearch10()"><i class="ri-menu-line"></i></a></li>
        
        </ul>
     
      
     </header> 
      </head>
  
      <body>

       
        <section>
          <div class="TitelGedeelte">
            <h1>
                Il convertitore maiuscole è destinato alle organizzazioni e alle aziende che si occupano spesso di letteratura.
                A volte capita che alcuni brani di testo non vengano visualizzati correttamente, perché, ad esempio, devono essere scritti in minuscolo o in maiuscolo.
                Per questo motivo è stato creato questo convertitore maiuscole, che può essere utilizzato gratuitamente.
            </h1>
          </div>
          
        </section>


        <!-- <section class="" id="0">
          <div class="Regelaar"> 
            <div>
              <form>
                <textarea class="inputt" type="text" id="KLeineLetters"  placeholder="Kleine letters naar kapitaal letters" onblur="myFunction()"></textarea>
              </form>
             
             </div>    


             <div>
              <form>
                <textarea class="inputt" type="text" id="GroteLetters"  placeholder="Kapitaal letters naar kleine letters" onblur="myFunctionn()"></textarea>
              </form>
             
             </div>    
          
      
          </div>
        </section> -->
       
        <section class="" id="0">
          <div class="Regelaar"> 

          
           <div>
          
            <input class="inputt" type="text" id="GroteLetters"  placeholder="Da minuscolo a maiuscolo" onblur="myFunction()">
           </div>    
              
               <div>
              
                <input class="inputt" type="text" id="KLeineLetters"  placeholder="Da maiuscolo a minuscolo" onblur="myFunctionn()">
               </div>

          </div>
        </section>
 

   <section id="8">
  <div class="quoteee">
        <div class="quoteTEkst">
            <a href="index.html">
              <h1>EST. 2026</h1>
            

            </a>  
        </div>
  </div>
  </section>


    <section>
      <div id="myOverlay" class="overlay">
          <span3 class="closebtn" onclick="closeSearch()" title="Close Overlay"><i class="ri-close-line"></i></span3>
          <div class="overlay-content">
              <div class="OverlayTekst">
                
              
                  <h1>ASIFI TECHNOLOGY</h1>
                  <p>NETHERLANDS CHAMBER OF COMMERCE 64737632 | TAX ID NETHERLANDS NL004397079B34</p>
                 
              </div>
                   <div class="linkPrivacyVerklaring">
         
          
                    <div class="emoticon" >
               
                      <!-- <div><a class="rr" href="https://www.instagram.com/asifi_finance/"><i class="ri-instagram-line"></i></a></div> -->
                      <div><a class="rr" href=""><i class="ri-linkedin-box-line"></i></a></div>
                      <div><a class="rr" href=""><i class="ri-mail-line"></i></a></div>
                        
                      
                    </div>
                </div>
                 
          </div>
  
        
      </div>
    </section>
  

    <section>
    <div id="myOverlay10" class="overlay10">
     
        <div class="overlay-content10">
       
            <div class="OverlayTekst">
  
               <div class="menuensluitengedeelte">
                <h1>
                    MENU
              </h1>
                </div>


                <div class="navlistipad"> 
                  <div class="qrr"><a  class="qrr"   onclick="openSearch()"><i class="ri-copyright-line"></i> Copyright</a></div>
              </div>
          
           
              <div class="navlistipad"> 
                  <div class="qrr"><a  class="qrr"  href="mailto:at.sara@outlook.com" onclick="openSearch12()"><i class="ri-mail-line"></i> Mail ons</a></div>
              </div>
  
              <div class="navlistipad"> 
                  <div class="qrr"><a class="qrr"  href="tel:+31611218701"  onclick="openSearch13()"><i class="ri-phone-line"></i> Bel ons</a></div>
              </div>
  
                <div class="navlistipad"> 
                    <div class="qrr"><a class="qrr" href="index.html"><i class="ri-shut-down-line"></i> Website uitschakelen</a></div>
                </div>
  
                <div class="navlistipad"> 
                  <div class="qrr"><a class="qrr" onclick="closeSearch10()" title="Close Overlay"><i class="ri-close-line"></i> Menu afsluiten</a></div>
              </div>
              
  
            </div>
          
        </div>
      
    </div>
    </section>


  <script src="https://unpkg.com/scrollreveal"></script>
  <script async src="https://cse.google.com/cse.js?cx=b5a889ca3c5274c41">
  </script>
  
  
  <script src= "venster.js"></script>
  <script src= "venster2.js"></script>
  <script src= "venster3.js"></script>
  <script src= "Venster7.js"></script>
  <script src= "Venster10.js"></script>
  <script src= "Venster12.js"></script>
  <script src= "Venster13.js"></script>
  <script src= "right.js"></script>
  <script async src="https://cse.google.com/cse.js?
                      cx=b5a889ca3c5274c41">
    </script>


<script>
    function myFunction() {
      const x = document.getElementById("GroteLetters");
      x.value = x.value.toUpperCase();
    }
    </script>

<script>
    function myFunctionn() {
      const x = document.getElementById("KLeineLetters");
      x.value = x.value.toLowerCase();
    }
    </script>
  
    
      </body>
  
  
  </html>