  <!---
  
 
 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;
               
                color-scheme: light dark;
            
                background-blend-mode: normal, normal, normal, normal, normal;
    background-repeat: no-repeat, repeat;

height: max-content;
background-color: Canvas;
/* background-color: hsla(217, 0%, 100%, 1); */
background-image:
    radial-gradient(at 13% 72%, #99e0ff 0px, transparent 50%);
   
    background-blend-mode: normal;
    cursor: url(MouseWebDevops.png), auto;
            }
    
    
            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;
           
    
            }
    
            body{
           
                color: CanvasText;
                color-scheme: light dark;
           
                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:#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%, rgb(19, 145, 199) 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%);
    }
            .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%;
                margin-bottom: -23%;
            }
    
            .Titel h1{
                font-size: 155pt;
                font-weight: bold;
                margin-bottom: -2.33%;
                background-image:
    radial-gradient(at 3% 12%, CanvasText 0px, transparent 50%),
    radial-gradient(at 56% 78%, hsla(334,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 86% 11%, CanvasText 0px, transparent 50%),
    radial-gradient(at 73% 45%, hsla(240,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 66% 69%,CanvasText 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;
            }

            .Titel p{
              margin-top: 1%;
              font-size: 8pt;
            }
    
            .Titel h5{
                font-size: 15pt;
                font-weight: lighter;
                
              
            }
    
            .Diensten{
                display: flex;
                justify-content: space-between;
                gap: 5%;
              
            }
    
          
            .overlay {
              height: 30%;
                width: 100%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 0;
                bottom: 0;
                background: rgba(255, 255, 255, 0.1);
            
                box-shadow: 0 4px 30px rgba(169, 222, 252);
                backdrop-filter: blur(8.7);
                -webkit-backdrop-filter: blur(8.7px);
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 150;
                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%;
                
              
            }   
    
            .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;
            }
    
         
            svg path{
             
              fill: transparent;
              stroke: CanvasText;
              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:25%;
      left:25%;
      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;
    
      color: CanvasText;
      border-radius: 10px;
    
    }
    
    
      .servicesGroep{
              text-align: center;
              font-size: 25pt;
              border-radius: 10px;
              position: relative;
              padding: 2px;
              width: auto;
              height: auto;
              cursor: crosshair;
          }
    
          .servicesGroep::after, .servicesGroep::before{
              content: '';
              position: absolute;
              height: 100%;
              width: 100%;
            
    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);
              top: 50%;
              left: 50%;
              translate: -50% -50%;
              z-index: -1;
              border-radius: 10px;
          }
    
          .servicesGroep::before{
              filter: blur(80.5px);
              opacity: 90.5;
              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%);
          }
    
          .logo{
      color: CanvasText;
     font-size: 10pt;
    font-weight: lighter;
    padding:16px;
    text-decoration: none;
    }
    
    .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;
    }
    
  
    .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-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%);
          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: 1%;
                margin-bottom: 1%;
                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;
          margin-top: 14%;
          margin-bottom: 6%;
          -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;
                overflow:hidden;
    
                
            }
    
            .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:fixed;
    vertical-align: bottom;
    bottom: 3%;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 10;
                font-size: 10pt;
              text-align: left;
              bottom: 0;
              margin-bottom: 5%;
              margin-left: 5%;
              cursor: pointer;
              
            }
    
            .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%;
      }
    
  
      .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;
  
              }
  
            
              .overlayD {
                height: 85%;
                width: 78%;
                display: none;
                position: fixed;
                z-index: 1;
               
                left: 20%;
                bottom: 0;
                margin-bottom: 3%;
                margin-left: 1%;
                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);
    
    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;
                overflow:hidden;
             
    
            }
    
            .overlay-contentD {
           
                position: relative;
                text-align: center;
                margin: auto;
                font-size: 12pt;
            }
    
    
            .overlayD::after, .overlayD::before{
                content: '';
                position: absolute;
                height: 100%;
                width: 100%;
               
             
                top: 50%;
                left: 50%;
                translate: -50% -50%;
                z-index: -1;
               
               
            }
    
    
            .overlayD .closebtn {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                cursor: pointer;
                color: CanvasText;
            }
    
            
            .overlayD .closebtn:hover {
              color: CanvasText;
            }
  
            .button{
              color: CanvasText;
              width:auto;
              height: auto;
              padding:16px;
              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);
              border-radius: 50%;
             
              text-decoration: none;
              list-style: none;
            }
  
  
            .tekst {
              margin-top: 15%;
              margin-bottom: 10%;
              padding-left: 64px;
              padding-right: 64px;
              
            }

          
    @keyframes textanimation {
            0%{
              stroke-dashoffset: 10000;
            }
    
            60%{
              fill: gray;
          
             
            }
            80%{
              fill: transparent;
               stroke-dashoffset: 0;
            }
            100%{
              
              stroke:  whitesmoke;
              fill:   whitesmoke;
            
          
            }
            
          }

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

        .FACT{
          display: flex;
          justify-content: center;
          text-align: center;
          background-color:#99e0ff;
          background-image:
    radial-gradient(at 3% 12%, CanvasText 0px, transparent 50%),
    radial-gradient(at 56% 78%, hsla(334,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 86% 11%, CanvasText 0px, transparent 50%),
    radial-gradient(at 73% 45%, hsla(240,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 66% 69%,CanvasText 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%);
                      -webkit-text-fill-color: transparent;
                      background-clip: text;
          margin-top: 75%;
          margin-bottom: 45%;
          font-size: 45pt;
        }
        .FACTT{
          display: flex;
          justify-content: center;
          text-align: center;
          margin-top: 5%;
          margin-bottom: 17%;
          font-size: 60pt;
         
          background-image:
    radial-gradient(at 3% 12%, CanvasText 0px, transparent 50%),
    radial-gradient(at 56% 78%, hsla(334,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 86% 11%, CanvasText 0px, transparent 50%),
    radial-gradient(at 73% 45%, hsla(240,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 66% 69%,CanvasText 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;
        }


        .FACTTT{
          display: flex;
          justify-content: center;
          text-align: center;
          margin-top: 5%;
          margin-bottom: 7%;
          font-size: 60pt;
         
          background-image:
    radial-gradient(at 3% 12%, CanvasText 0px, transparent 50%),
    radial-gradient(at 56% 78%, hsla(334,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 86% 11%, CanvasText 0px, transparent 50%),
    radial-gradient(at 73% 45%, hsla(240,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 66% 69%,CanvasText 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;
        }

        .Dieensten{
          margin-bottom: 25%;
          border-radius: 24px;
          background-image:   radial-gradient(at 72% 86%,Canvas 0px, transparent 50%),
    radial-gradient(at 49% 31%, rgb(19, 145, 199, 0.19) 0px, transparent 50%);
  
                  
          padding: 64px;
          cursor: pointer;
         
          border-image: cover 0 linear-gradient(#0003, #000);
        }

        .Dieensten h1{
          text-align: center;
          font-size: 45pt;
      
          
        }

        .dienstenlink{
          display: flex;
          justify-content: center;
         
         
    box-shadow: 0 4px 30px rgba(169, 222, 252, 0.872);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
          border-radius: 16px;
          padding: 16px;
         transition: all 0.5s ease-in-out;
        }

        .dienstenlink:hover{
          display: flex;
          justify-content: center;
         
        
          background-image: #99e0ff;
    box-shadow: 0 4px 30px rgba(169, 222, 252, 0.072);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
          border-radius: 16px;
          padding: 16px;
         
        }

        .dienstenlink a{
          text-decoration: none;
          list-style: none;
          color:#99e0ff;
          font-weight: 500;
        }

       
        .dienstenoverview{
      display: grid;
      text-align: center;
      grid-template-columns: repeat(3, 1600fr);
      gap: 3%;
      padding: 64px;
    }

    .dienstenoverview p{
     margin-top: -2%;
     font-size: 8pt;
     font-weight: normal;
    }

    .card1{
      height: 517px;
            width: 417px;
            background: rgba(255, 255, 255, 0.13);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(17.3px);
-webkit-backdrop-filter: blur(17.3px);
border: 1px solid rgba(255, 255, 255, 1);
            color: white;
            font-size: 15pt;
            transition: all 0.5s ease-in-out;
            
          }

          .card1:hover{
            height: 517px;
            width: 417px;
            background: rgba(255, 255, 255, 0.13);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(17.3px);
-webkit-backdrop-filter: blur(17.3px);
border: 1px solid rgba(255, 255, 255, 1);
            color: white;
            font-size: 15pt;
            scale: 1.05;
            
          }

     
          .kostengroep{
            display: grid;
              grid-template-columns: repeat(1, 200fr);
              justify-items: center;
              gap: 5%;
              margin-bottom: 5%;
          }

          .kostenoverzicht{
            margin-top: 15%;
            margin-bottom: 10%;
            padding:64px;
          }

     
          .contact{
            display: flex;
            justify-content: space-evenly;
            margin-top: 2%;
          }

         .card1 a{
          display: block;
          color:  rgb(19, 145, 199);
          text-decoration: none;
          list-style: none;
         
         }

          .KostenTitel{
            text-align: center;
            
          }

          .KostenTitel h1{
            font-size: 55pt;
            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;
          }
          .KostenTitel p{
            font-size: 8pt;
            font-weight: 10;
            margin-top: -4%;
            margin-bottom: 3%;
          }

          .card11{
        padding: 32px;
    
           
            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;

            backdrop-filter: blur(80.7px);
-webkit-backdrop-filter: blur(80.7px);
          text-align: center;
            margin-top: 1%;
          border-radius: 16px;
          }

          .card11 a{
            text-decoration: none;
            list-style:  none;
            color:#56bae5;
            text-align: center;
            font-weight: bolder;
          }


          .optioneel{
            font-size: xx-small;
            color:#56bae5;
          }

        .card1 a{
          color:CanvasText;
          font-weight: bolder;
          transition: all 0.4s ease-in-out;
          padding: 45px;
        }

     
            .overlay3 {
            height: 48%;
            width: 100%;
            display: none;
            position: fixed;
            z-index: 1;
           
            left: 0;
            bottom: 0;
            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: 32px 32px 0px 0px;
            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;
        }

  
        .close{
          font-size: 12pt;
  -ms-flex-align: center;
  position:fixed;
  vertical-align: bottom;
  bottom: 2%;
          width: 50px;
            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);
padding: 8px;
        }
      
  
      .overlay3 .expandbtn {
        position: absolute;
            top: 20px;
            left: 35px;
            font-size: 16px;
            cursor: pointer;
            color: CanvasText;
            text-decoration: none;
            list-style: none;
        }

.APPOverview h5{
  font-size: 21pt;
  font-weight: 100;
  margin-top: -4;
  margin-bottom: 4%;
}

.APPOverview a{
    width: 3000px;
    height: auto;
    text-align: center;
    text-decoration: none;
    list-style: none;
    color: CanvasText;
}

.APPOverview .one{
    font-size: 13pt;
  padding: 16px;
 
  gap: 20%;
  
}

.one{
        display: flex;
        justify-content: space-around;
        background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
        margin-top: 1%;
        margin-bottom: 1%;
    }

    .one a{
       font-size: 12pt;
       color: black;
       transition: all .505s ease-in-out;
    }

    .one a:hover{
       font-size: 12pt;
       transition: all .505s ease-in-out;
       text-shadow: rgb(255, 255, 255) 1px 0 10px;
       
    }

    .Sara1{
        width: 50px;
        height: 30px;
        border-radius: 16%;
    }
 

    .partner{
      padding: 32px;
    }

    .com{
      font-size: 85pt;
      margin-bottom: 5%;
    }

    .templatevoorbeeldknop{
      display: flex;
      justify-content: space-between;
    }
    .contactknpppen{
          position: fixed;
          right: 1%;
        }

        .klantenOverzicht{
          display: grid;
            grid-template-columns: repeat(6, 200fr);
            justify-items: center;
            gap: 5%;
            overflow: auto;
           padding-top: 128px;
           padding-bottom: 128px;
            padding-left: 5%;
            margin-bottom: 25%;
          
        }

        .knop{
          font-size: 25pt;
          background-color:#99e0ff;
    background-image:
    radial-gradient(at 3% 12%, rgb(255, 255, 255) 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%, rgb(255, 255, 255) 0px, transparent 50%),
    radial-gradient(at 66% 69%, hsla(183,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 72% 86%, CanvasText 0px, transparent 50%),
    radial-gradient(at 49% 31%, rgb(19, 145, 199) 0px, transparent 50%);
                      -webkit-text-fill-color: transparent;
                      background-clip: text;
          text-align: center;
     transition: all 0.3s ease-in-out;

        
        }

        .knop:hover{
          font-size: 85pt;
          background-color:#99e0ff;
    background-image:
    radial-gradient(at 3% 12%, rgb(255, 255, 255) 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%, rgb(255, 255, 255) 0px, transparent 50%),
    radial-gradient(at 66% 69%, hsla(183,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 72% 86%, CanvasText 0px, transparent 50%),
    radial-gradient(at 49% 31%, rgb(19, 145, 199) 0px, transparent 50%);
                      -webkit-text-fill-color: transparent;
                      background-clip: text;
          text-align: center;
    
        
        }

        .porttitel{
          font-size: 85pt;
          background-color:#99e0ff;
    background-image:
    radial-gradient(at 3% 12%, rgb(255, 255, 255) 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%, rgb(255, 255, 255) 0px, transparent 50%),
    radial-gradient(at 66% 69%, hsla(183,0%,47%,1) 0px, transparent 50%),
    radial-gradient(at 72% 86%, CanvasText 0px, transparent 50%),
    radial-gradient(at 49% 31%, rgb(19, 145, 199) 0px, transparent 50%);
                      -webkit-text-fill-color: transparent;
                      background-clip: text;
          text-align: center;
          margin-bottom: -15%;
     
        }

        .knop a{
          text-decoration: none;
          list-style: none;
          font-weight: 800;
         
          transition: all 0.3s ease-in-out;
        }

        .knop a:hover{
          text-decoration: none;
          list-style: none;
          font-weight: 800;
      
       
        }

        .card145{
            max-width: auto;
            max-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;

            backdrop-filter: blur(80.7px);
-webkit-backdrop-filter: blur(80.7px);
            padding: 64px;
            cursor: pointer;
            transition: all 0.5s ease-in-out;
            margin-bottom: 25%;
          
          }

          .card145:hover{
            max-width: auto;
            max-height: auto;
            background: rgba(255, 255, 255, 0);

box-shadow: 0 4px 30px  rgb(19, 145, 199);
backdrop-filter: blur(8.7px);
-webkit-backdrop-filter: blur(8.7px);
            border-radius: 16px;

            backdrop-filter: blur(80.7px);
-webkit-backdrop-filter: blur(80.7px);
            padding: 64px;
            scale: 1.2;
            
          }

          .fwerf {
            position: fixed;
            display: flex;
            align-items: center;
            bottom: -3%;
            right: 1%;
          
            height: 15px;
            padding:16px;
            border-bottom: 1px solid transparent;
            background-color: transparent;
               border-radius: 50%;
               background: rgba(255, 255, 255, 0);

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(800.7px);
-webkit-backdrop-filter: blur(800.7px);
          }
        

        @keyframes AutoShowAnimation{
          0% {
            opacity: 0.1;
            transform: translateY(200px) scale(0.3);
          } 100% {
            opacity: 1;
            transform: translateY(0) scale(1);
          }
        }
    
    
        @media (max-width: 1195px) {

     
          .Titel{
            margin-top: 5%;
          }

          .Titel h1{
            
                font-size: 105pt;
                font-weight: bold;
              
                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;
            }

            .Titel p{
              margin-top: 1%;
              font-size: 12pt;
            }

          .overlay10 {
                height: 91%;
                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(80.7px);
    -webkit-backdrop-filter: blur(80.7px);
                z-index: 1;
              
                border-radius: 32px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
           
                overflow: auto;
                color: CanvasText;
            
    
            }
    
            .overlay-content10 {
           
                position: relative;
                text-align: center;
                margin: auto;
              
            }
    
    
            .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:fixed;
    vertical-align: bottom;
    bottom: 3%;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 10;
                font-size: 10pt;
              text-align: left;
              bottom: 0;
              margin-bottom: 5%;
              margin-left: 5%;
              cursor: pointer;
              
            }
    
            .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;
            }

          .KostenTitel h1{
            font-size: 80pt;
           margin-bottom: 1%;
          }

        
          .kostengroep{
            display: grid;
              grid-template-columns: repeat(1, 200fr);
              justify-items: center;
              gap: 2%;
              margin-bottom: 30%;
          
          }

          .FACTTT{
          margin-bottom: 25%;
        }

      }

      @media (max-width: 990px) {

 
        .kostengroep{
            display: grid;
              grid-template-columns: repeat(1, 200fr);
              justify-items: center;
              gap: 2%;
              margin-bottom: 30%;
          
          }

        .Titel{
            margin-top: 65%;
          }

        
        .overlay10 {
                height: 90%;
                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(80.7px);
    -webkit-backdrop-filter: blur(80.7px);
                z-index: 1;
              
                border-radius: 32px;
                font-family: -apple-system, BlinkMacSystemFont, sans-serif;
           
                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: 200;
                font-size: 20pt;
              text-align: left;
              cursor: pointer;
            transition: all 1s ease-in-out;
            }
    
     
            .qrrr{
              position:fixed;
    vertical-align: bottom;
    bottom: 3%;
                text-decoration: none;
                list-style: none;
                color: CanvasText;
                font-weight: 10;
                font-size: 10pt;
              text-align: left;
              bottom: 0;
              margin-bottom: 5%;
              margin-left: 5%;
              cursor: pointer;
              
            }
    
            .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;
            }
        .Titel{
          margin-bottom: 125%;
        }

        .FACTT{
          margin-top: 60%;
          
        }

             
        .FACTTT{
          margin-bottom: 25%;
        }

     
      } 


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)  {
  .Titel{
    margin-top: 25%;
  }


}
    
      @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
        .Titel p{
          margin-bottom: -5%;
        }

  
          .card1{
            max-width: auto;
            max-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;

            backdrop-filter: blur(80.7px);
-webkit-backdrop-filter: blur(80.7px);
            padding: 64px;
            cursor: pointer;
            transition: all 0.5s ease-in-out;
            
          }

          .card1:hover{
            max-width: auto;
            max-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;

            backdrop-filter: blur(80.7px);
-webkit-backdrop-filter: blur(80.7px);
            padding: 64px;
            scale: 1.05;
            
          }

          .kostengroep{
            display: grid;
              grid-template-columns: repeat(3, 200fr);
              justify-items: center;
              gap: 5%;
              margin-bottom: 7.5%;
          }

          .kostenoverzicht{
            margin-top: 15%;
            margin-bottom: 10%;
            padding:64px;
          }

     
          .contact{
            display: flex;
            justify-content: space-evenly;
            margin-top: 2%;
          }

         .card1 a{
          display: block;
          color:  rgb(19, 145, 199);
          text-decoration: none;
          list-style: none;
         
         }
      }
          
    
        </style>
  
      <head>
          <title>ASIFI TECHNOLOGY | WEBDEVOPS</title>
          <link rel="icon" href="Afbeeldingen/BedrijfLogo/AT.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"> 
      <header>
         <div class="logo2">WEB DEVOPS | NETHERLANDS </div>
  
         <ul class="navlist"> 
         <li><a class="logo" onclick="openSearch10()"><i class="ri-menu-line"></i></a> </li>
        
        
        </ul>

     </header> 
      </head>
  
      <body>
  
       
          <section id="0">
              <div class="Titel"> 
             <h1>WEB DEVOPS</h1>
                    <p>MODERN, MINIMALISTIC BUT EXCELLENCE!</p>
              </div>
            </section>
  
  
            <section>
              <div class="autoshow">
                <div class="FACT">
                  <h1>WIJ BEDENKEN, ONTWERPEN, CODEREN, TESTEN, PUBLICEREN WEBSITE GEMAAKT IN HTML & CSS AND JS.</h1>
                </div>
               
              </div>
            </section>

            <section>
              <div class="porttitel">
                <h1>Portfolio</h1>
              </div>

              <div class="klantenOverzicht">
                <div class="card1">
                  <a href="https://www.asifigroup.nl"><h1>ASIFI</h1><h1>GROUP</h1>
                  <p class="fwerf"><i class="ri-arrow-right-up-line"></i></p></a>
                </div>

                <div class="card1">
                  <a href="https://www.asifitechnology.nl"><h1>ASIFI</h1><h1>TECHNOLOGY</h1>
                  <p class="fwerf"><i class="ri-arrow-right-up-line"></i></p></a>
                </div>

                <div class="card1">
                  <a href="https://www.asififinance.nl"><h1>ASIFI</h1><h1>FINANCE</h1>
                  <p class="fwerf"><i class="ri-arrow-right-up-line"></i></p></a>
                </div>

                <div class="card1">
                  <a href="https://www.asifisustainability.nl"><h1>ASIFI</h1><h1>SUSTAINABILITY</h1>
                  <p class="fwerf"><i class="ri-arrow-right-up-line"></i></p></a>
                </div>

                <div class="card1">
                  <a href="https://www.asifiadministration.nl"><h1>ASIFI</h1><h1>ADMINISTRATION</h1>
                  <p class="fwerf"><i class="ri-arrow-right-up-line"></i></p></a>
                </div>

                <div class="card1">
                  <a href="https://www.asifiadministration.nl"><h1>ASIFI</h1><h1>Group</h1><h1>Internationaal</h1>
                  <p class="fwerf"><i class="ri-arrow-right-up-line"></i></p></a>
                </div>

               
              </div>
            </section>

            <section>
              <div class="card145">
              <div class="knop">
                <a href="WDNL.html">AANVRAGEN</a>
              </div>
            </div>
            </section>

            
            <section>
              <div class="autoshow">
                <div class="FACTTT">
                  <h1> 
                    HET CREËREN VAN EXCLUSIVE WEBSITE'S IS EEN KUNST.
                  </h1>
                </div>
               
              </div>
              
            </section>
  
   
            <div class="emoticon" >
              <div><a class="rr" href="https://forms.office.com/r/vw72XWT0je"><i class="ri-user-add-line"></i></a></div>
              <div><a class="rr" href="https://www.instagram.com/asifi_technology"><i class="ri-instagram-line"></i></a></div>
              <div><a class="rr" href="https://www.linkedin.com/company/asifi-technology/"><i class="ri-linkedin-box-line"></i></a></div>
              <div><a class="rr" href="mailto:asifitechnology@icloud.com"><i class="ri-mail-line"></i></a></div>
              
            
          </div>
  
  
    <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" a href="PartnerProgramma.html"><i class="ri-shake-hands-line"></i> Word Partner</a></div>
                </div>
             
                <div class="navlistipad"> 
                  <div class="qrr"><a class="qrr" onclick="openSearch3()"><i class="ri-apps-line"></i> Company Website's</a></div>
              </div>
                
             
                <!-- <div class="navlistipad"> 
                  <div class="qrr"><a class="qrr" a href="Webs.html"><i class="ri-code-s-slash-line"></i> Portfolio Website's</a></div>
                </div> -->
            

                <div class="navlistipad"> 
                    <div class="qrr"><a class="qrr" a href="WDNL.html" ><i class="ri-shopping-cart-2-line"></i> Winkelen</a></div>
                </div>

                
              <div class="navlistipad"> 
                  <div class="qrr"><a  class="qrr"  href="mailto:asifitechnology@icloud.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"> 
                    <a class="qrr" onclick="openSearch()"><i class="ri-copyright-line"> Copyright</i></a>
                </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"> 
                  <a class="qrr" onclick="closeSearch10()" title="Close Overlay"><i class="ri-close-line"> Menu afsluiten</i></a>
              </div>
              
  
            </div>
          
        </div>
      
    </div>
    </section>


    <section>
      <div id="myOverlay3" class="overlay3">
        <div class="partner">
          <a href="Webs.html">WEBDEVOPS PORTFOLIO</a>
        </div>
        
          <div class="overlay-content3">
              <div class="OverlayTekst">
                
       
                <div class="com">
                  <h1>COMPANY WEBSITE'S</h1>
                </div>
               
                <div class="APPOverview">
                 
                  <div class="one">
                    <img class="Sara1" src="Afbeeldingen/BedrijfLogo/AG.png"> 
                    <a href="https://www.asifigroup.nl">ASIFI GROUP  </a>
                    🇳🇱
                </div>
      
                <div class="one">
                  <img class="Sara1" src="Afbeeldingen/BedrijfLogo/AGINT.png"> 
                  <a href="https://www.asifigroup.com">ASIFI GROUP INTERNATIONAL  </a>
                  🇳🇱
              </div>
      
              <div class="one">
                <img class="Sara1" src="Afbeeldingen/BedrijfLogo/AF.png"> 
                <a href="https://www.asififinance.nl">ASIFI FINANCE  </a>
                🇳🇱
            </div>
      
            <div class="one">
              <img class="Sara1" src="Afbeeldingen/BedrijfLogo/AT.png"> 
              <a href="https://www.asifitechnology.nl">ASIFI TECHNOLOGY  </a>
              🇳🇱
          </div>
      
          <div class="one">
            <img class="Sara1" src="Afbeeldingen/BedrijfLogo/AS.PNG"> 
            <a href="https://www.asifisustainability.nl">ASIFI SUSTAINABILITY  </a>
            🇳🇱
        </div>
      
        <div class="one">
          <img class="Sara1" src="Afbeeldingen/BedrijfLogo/AA.PNG"> 
          <a href="https://www.asifiadministration.nl">ASIFI ADMINISTRATION </a>
          🇳🇱
      </div>
                    
                <div class="one">
           
      
                <div class="close">
                  <a class="" onclick="closeSearch3()" title="Close Overlay"><i class="ri-close-line"></i></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= "vensterDoneren.js"></script>
  <script src= "Venster13.js"></script>
  <script src= "right.js"></script>
  <script async src="https://cse.google.com/cse.js?
                      cx=b5a889ca3c5274c41">
    </script>
  
    
      </body>
  
  
  </html>