  <!---
  
 
 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-color:Canvas;
  /* background-image:
  radial-gradient(at 91% 89%, hsla(187,94%,50%,1) 0px, transparent 50%),
  
  radial-gradient(at 34% 78%, hsla(184,97%,74%,1) 0px, transparent 50%),
  
  radial-gradient(at 18% 91%, hsla(184,93%,64%,1) 0px, transparent 50%);
  
  background-repeat: no-repeat;
    color-scheme: light dark;
  height: 100%; */
            }
    
    
            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:#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%, 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: 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%, 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;
          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%, 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;
        }

        .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{
            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: 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;
        }

        .card1 a:hover{
          color:CanVasText;
          font-weight: bolder;
          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 100%);
        }


        .prijsknop{
          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%);
              padding: 8px;
              border-radius: 6px;
            
            }


            .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;
    }


        @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%;
          
          }

       
      }

      @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%;
        }

                                                                                                                                                                           
      } 


@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 | Suomi </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>MODERNI, MINIMALISTINEN, MUTTA ERINOMAINEN!</p>
              </div>
            </section>
  
  
            <section>
              <div class="autoshow">
                <div class="FACT">
                  <h1>ME SUUNNITTELEMME, KEHITÄMME, KODOIMME, TESTASIMME JA JULKAISIMME VERKKOSIVUSTON, JOKA ON TEHTY HTML-, CSS- JA JS-KIELILLÄ.</h1>
                </div>
               
              </div>
            </section>

            <section class="kostenoverzicht">

              <div class="KostenTitel">
                <h1>TUOTTEET</h1>
                <p>Kaikki verkkosivustot on luotu HTML-, CSS- ja JS-kielillä.
                </p>
              </div>
          
          
              <div class="kostengroep">

                <div class="card1">
                  <i class="ri-artboard-line"></i>
                  <h1>MALLI</h1>
                  <div>
          
                    <p>Malli tarkoittaa, että verkkosivusto on jo valmiiksi luotu, mutta sinun tarvitsee vain lisätä siihen omat tietosi!</p>
                  </div>
                  <p class="optioneel"> Valinnainen: 60 kuukauden maksuaika! Huomio! Hyväksymällä maksuaikajärjestelyn sitoudut enintään 60 kuukauden pituiseen sopimusvelvoitteeseen!</p>
                  <div class="templatevoorbeeldknop"> 
                    <a class="prijsknop" href="WDFI.html">€ 350,00</a> 
                    <a class="prijsknop" href="webtemplates.html">Katso mallit</a>
                  </div>
                  
                
                </div>


                <div class="card1">
                  <i class="ri-profile-line"></i>
                  <h1>CV</h1>
                  <div>
          
                    <p>CV tarkoittaa Curriculum Vitae, eli oma ansioluettelosi verkkosivustona. Digitointi alkaa sinusta!</p>
                  </div>
                  <p class="optioneel"> Valinnainen: 60 kuukauden maksuaika! Huomio! Hyväksymällä maksuaikajärjestelyn sitoudut enintään 60 kuukauden pituiseen sopimusvelvoitteeseen!</p>
                  <a class="prijsknop" href="WDFI.html">€ 600,00</a>
                
                </div>

               
                <div class="card1">
                  <i class="ri-book-open-line"></i>
                  <h1>CARTERA</h1>
                  <div>
          
                    <p>Näytä työsi maailmalle. Me autamme sinua siinä! Hienoa! Parempaa ei voi olla!</p>
                  </div>
                  <p class="optioneel"> Valinnainen: 60 kuukauden maksuaika! Huomio! Hyväksymällä maksuaikajärjestelyn sitoudut enintään 60 kuukauden pituiseen sopimusvelvoitteeseen!</p>
                  <a class="prijsknop" href="WDFI.html">€ 850,00</a>
                </div>
          
          
                <div class="card1">
                  <i class="ri-aliens-line"></i>
                  <h1>PERSOONLIJK</h1>
                  <div>
          
                    <p>Oma henkilökohtainen verkkosivustosi! Ei WordPressiä, verkkosivustojen rakennustyökaluja jne., vaan oikea koodattu verkkosivusto!</p>
                  </div>
                  <p class="optioneel"> Valinnainen: 60 kuukauden maksuaika! Huomio! Hyväksymällä maksuaikajärjestelyn sitoudut enintään 60 kuukauden pituiseen sopimusvelvoitteeseen!</p>
                  <a class="prijsknop" href="WDFI.html">€ 1600,00</a>
               
                </div>
          
          
                <div class="card1">
                  <i class="ri-medal-2-fill"></i>
                  <h1>ZAKELIJK</h1>
                  <div>
          
                    <p>Sinun yrityksesi verkkosivusto! Ei WordPressiä, verkkosivustojen rakennustyökaluja jne., vaan oikea koodattu verkkosivusto!</p>
                  </div>
                  <p class="optioneel"> Valinnainen: 60 kuukauden maksuaika! Huomio! Hyväksymällä maksuaikajärjestelyn sitoudut enintään 60 kuukauden pituiseen sopimusvelvoitteeseen!</p>
                  <a class="prijsknop" href="WDFI.html">€ 2600,00</a>
                
                </div>
             
           
              </div>

              <div class="card11">
                <a href="WDFI.html">KAHVI?</a>
               </div>
            
            </div>
            </section>
          

            <section>
              <div class="autoshow">
                <div class="FACTT">
                  <h1> 
                    EXKLUSIIVISEN VERKKOSIVUSTON LUOMINEN ON TAIDETTA.
                  </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="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">
                
                    <h5>COPYRIGHT</h5>
                  <h1> <svg width="365" height="" viewBox="0 0 4388 451" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M55.4613 443H0.0635664L160.291 6.63635H214.836L375.064 443H319.666L189.268 75.6704H185.859L55.4613 443ZM75.9158 272.545H299.211V319.42H75.9158V272.545ZM591.669 115.727C589.112 94.1364 578.743 77.375 560.561 65.4432C542.379 53.5114 520.078 47.5454 493.657 47.5454C474.339 47.5454 457.436 50.6704 442.947 56.9204C428.601 63.1704 417.379 71.7642 409.282 82.7017C401.328 93.6392 397.351 106.068 397.351 119.989C397.351 131.636 400.12 141.651 405.66 150.031C411.342 158.27 418.586 165.159 427.393 170.699C436.2 176.097 445.433 180.571 455.092 184.122C464.751 187.531 473.629 190.301 481.725 192.432L526.044 204.364C537.407 207.347 550.049 211.466 563.97 216.722C578.032 221.977 591.456 229.151 604.24 238.241C617.166 247.19 627.819 258.696 636.2 272.759C644.581 286.821 648.771 304.08 648.771 324.534C648.771 348.114 642.592 369.42 630.234 388.455C618.018 407.489 600.12 422.616 576.541 433.838C553.103 445.06 524.623 450.67 491.1 450.67C459.85 450.67 432.791 445.628 409.922 435.543C387.194 425.457 369.297 411.395 356.228 393.355C343.302 375.315 335.987 354.364 334.282 330.5H388.828C390.248 346.977 395.788 360.614 405.447 371.409C415.248 382.062 427.606 390.017 442.521 395.273C457.578 400.386 473.771 402.943 491.1 402.943C511.271 402.943 529.382 399.676 545.433 393.142C561.484 386.466 574.197 377.233 583.572 365.443C592.947 353.511 597.635 339.591 597.635 323.682C597.635 309.193 593.586 297.403 585.49 288.312C577.393 279.222 566.74 271.835 553.529 266.153C540.319 260.472 526.044 255.5 510.703 251.239L457.01 235.898C422.919 226.097 395.93 212.105 376.044 193.923C356.157 175.741 346.214 151.949 346.214 122.545C346.214 98.1136 352.819 76.8068 366.029 58.625C379.382 40.3011 397.279 26.0966 419.723 16.0114C442.308 5.78408 467.521 0.670438 495.362 0.670438C523.487 0.670438 548.487 5.71305 570.362 15.7983C592.237 25.7415 609.566 39.3778 622.35 56.7074C635.277 74.0369 642.095 93.7102 642.805 115.727H591.669ZM698.49 6.63635V443H645.65V6.63635H698.49ZM714.439 443V6.63635H976.086V53.5114H767.279V200.955H956.484V247.83H767.279V443H714.439ZM1029.43 6.63635V443H976.587V6.63635H1029.43ZM1100.26 53.5114V6.63635H1427.54V53.5114H1290.32V443H1237.48V53.5114H1100.26ZM1419.09 443V6.63635H1682.44V53.5114H1471.93V200.955H1668.8V247.83H1471.93V396.125H1685.85V443H1419.09ZM2038.82 143H1985.98C1982.85 127.801 1977.38 114.449 1969.57 102.943C1961.9 91.4375 1952.52 81.7784 1941.44 73.9659C1930.51 66.0114 1918.36 60.0455 1905.01 56.0682C1891.66 52.0909 1877.74 50.1023 1863.25 50.1023C1836.83 50.1023 1812.89 56.7784 1791.44 70.1307C1770.14 83.483 1753.16 103.156 1740.52 129.151C1728.02 155.145 1721.77 187.034 1721.77 224.818C1721.77 262.602 1728.02 294.491 1740.52 320.486C1753.16 346.48 1770.14 366.153 1791.44 379.506C1812.89 392.858 1836.83 399.534 1863.25 399.534C1877.74 399.534 1891.66 397.545 1905.01 393.568C1918.36 389.591 1930.51 383.696 1941.44 375.884C1952.52 367.929 1961.9 358.199 1969.57 346.693C1977.38 335.045 1982.85 321.693 1985.98 306.636H2038.82C2034.84 328.937 2027.6 348.895 2017.08 366.509C2006.57 384.122 1993.5 399.108 1977.88 411.466C1962.25 423.682 1944.71 432.986 1925.25 439.378C1905.93 445.77 1885.27 448.966 1863.25 448.966C1826.03 448.966 1792.94 439.875 1763.96 421.693C1734.98 403.511 1712.18 377.659 1695.56 344.136C1678.94 310.614 1670.64 270.841 1670.64 224.818C1670.64 178.795 1678.94 139.023 1695.56 105.5C1712.18 71.9773 1734.98 46.125 1763.96 27.9432C1792.94 9.76135 1826.03 0.670438 1863.25 0.670438C1885.27 0.670438 1905.93 3.86646 1925.25 10.2585C1944.71 16.6506 1962.25 26.0256 1977.88 38.3835C1993.5 50.5994 2006.57 65.5142 2017.08 83.1278C2027.6 100.599 2034.84 120.557 2038.82 143ZM2034.2 443V6.63635H2087.05V200.955H2319.72V6.63635H2372.56V443H2319.72V247.83H2087.05V443H2034.2ZM2734.37 6.63635V443H2683.23L2445.45 100.386H2441.19V443H2388.34V6.63635H2439.48L2678.12 350.102H2682.38V6.63635H2734.37ZM3118.28 224.818C3118.28 270.841 3109.97 310.614 3093.36 344.136C3076.74 377.659 3053.94 403.511 3024.96 421.693C2995.98 439.875 2962.89 448.966 2925.67 448.966C2888.45 448.966 2855.36 439.875 2826.38 421.693C2797.4 403.511 2774.61 377.659 2757.99 344.136C2741.37 310.614 2733.06 270.841 2733.06 224.818C2733.06 178.795 2741.37 139.023 2757.99 105.5C2774.61 71.9773 2797.4 46.125 2826.38 27.9432C2855.36 9.76135 2888.45 0.670438 2925.67 0.670438C2962.89 0.670438 2995.98 9.76135 3024.96 27.9432C3053.94 46.125 3076.74 71.9773 3093.36 105.5C3109.97 139.023 3118.28 178.795 3118.28 224.818ZM3067.15 224.818C3067.15 187.034 3060.83 155.145 3048.19 129.151C3035.69 103.156 3018.71 83.483 2997.26 70.1307C2975.95 56.7784 2952.09 50.1023 2925.67 50.1023C2899.25 50.1023 2875.32 56.7784 2853.87 70.1307C2832.56 83.483 2815.59 103.156 2802.94 129.151C2790.44 155.145 2784.19 187.034 2784.19 224.818C2784.19 262.602 2790.44 294.491 2802.94 320.486C2815.59 346.48 2832.56 366.153 2853.87 379.506C2875.32 392.858 2899.25 399.534 2925.67 399.534C2952.09 399.534 2975.95 392.858 2997.26 379.506C3018.71 366.153 3035.69 346.48 3048.19 320.486C3060.83 294.491 3067.15 262.602 3067.15 224.818ZM3117.13 443V6.63635H3169.97V396.125H3372.82V443H3117.13ZM3715.82 224.818C3715.82 270.841 3707.51 310.614 3690.89 344.136C3674.28 377.659 3651.48 403.511 3622.5 421.693C3593.52 439.875 3560.43 448.966 3523.21 448.966C3485.99 448.966 3452.9 439.875 3423.92 421.693C3394.94 403.511 3372.14 377.659 3355.53 344.136C3338.91 310.614 3330.6 270.841 3330.6 224.818C3330.6 178.795 3338.91 139.023 3355.53 105.5C3372.14 71.9773 3394.94 46.125 3423.92 27.9432C3452.9 9.76135 3485.99 0.670438 3523.21 0.670438C3560.43 0.670438 3593.52 9.76135 3622.5 27.9432C3651.48 46.125 3674.28 71.9773 3690.89 105.5C3707.51 139.023 3715.82 178.795 3715.82 224.818ZM3664.69 224.818C3664.69 187.034 3658.37 155.145 3645.72 129.151C3633.22 103.156 3616.25 83.483 3594.8 70.1307C3573.49 56.7784 3549.63 50.1023 3523.21 50.1023C3496.79 50.1023 3472.85 56.7784 3451.41 70.1307C3430.1 83.483 3413.12 103.156 3400.48 129.151C3387.98 155.145 3381.73 187.034 3381.73 224.818C3381.73 262.602 3387.98 294.491 3400.48 320.486C3413.12 346.48 3430.1 366.153 3451.41 379.506C3472.85 392.858 3496.79 399.534 3523.21 399.534C3549.63 399.534 3573.49 392.858 3594.8 379.506C3616.25 366.153 3633.22 346.48 3645.72 320.486C3658.37 294.491 3664.69 262.602 3664.69 224.818ZM4012.97 143C4008.28 128.653 4002.1 115.798 3994.43 104.435C3986.9 92.929 3977.88 83.1278 3967.37 75.0312C3957 66.9347 3945.21 60.7557 3932 56.4943C3918.79 52.2329 3904.3 50.1023 3888.54 50.1023C3862.68 50.1023 3839.18 56.7784 3818.01 70.1307C3796.85 83.483 3780.01 103.156 3767.51 129.151C3755.01 155.145 3748.76 187.034 3748.76 224.818C3748.76 262.602 3755.08 294.491 3767.73 320.486C3780.37 346.48 3797.49 366.153 3819.08 379.506C3840.67 392.858 3864.96 399.534 3891.95 399.534C3916.95 399.534 3938.96 394.207 3958 383.554C3977.17 372.759 3992.09 357.56 4002.74 337.957C4013.54 318.213 4018.93 294.989 4018.93 268.284L4035.13 271.693H3903.88V224.818H4070.07V271.693C4070.07 307.631 4062.4 338.881 4047.06 365.443C4031.86 392.006 4010.84 412.602 3983.99 427.233C3957.29 441.722 3926.6 448.966 3891.95 448.966C3853.31 448.966 3819.36 439.875 3790.1 421.693C3760.98 403.511 3738.25 377.659 3721.92 344.136C3705.72 310.614 3697.63 270.841 3697.63 224.818C3697.63 190.301 3702.24 159.264 3711.48 131.707C3720.85 104.009 3734.06 80.429 3751.11 60.9688C3768.15 41.5085 3788.32 26.5938 3811.62 16.2244C3834.91 5.8551 3860.55 0.670438 3888.54 0.670438C3911.55 0.670438 3933 4.15055 3952.88 11.1108C3972.91 17.929 3990.74 27.6591 4006.36 40.3011C4022.13 52.8011 4035.27 67.7869 4045.78 85.2585C4056.29 102.588 4063.54 121.835 4067.51 143H4012.97ZM4019.59 6.63635H4080.11L4201.13 210.33H4206.24L4327.27 6.63635H4387.78L4230.11 263.17V443H4177.27V263.17L4019.59 6.63635Z" fill="white"/>
                    </svg></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://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>
                </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" a href="PartnerProgramma.html"><i class="ri-shake-hands-line"></i> Ryhdy kumppaniksi</a></div>
                </div>
             
                <div class="navlistipad"> 
                  <div class="qrr"><a class="qrr" onclick="openSearch3()"><i class="ri-apps-line"></i> Yrityksen verkkosivusto</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="WDFI.html" ><i class="ri-shopping-cart-2-line"></i> Ostokset</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> Lähetä meille sähköpostia</a></div>
              </div>
  
              <div class="navlistipad"> 
                  <div class="qrr"><a class="qrr"  href="tel:+31611218701"  onclick="openSearch13()"><i class="ri-phone-line"></i> Soita meille</a></div>
              </div>
  

                  <div class="navlistipad"> 
                    <a class="qrr" onclick="openSearch()"><i class="ri-copyright-line"> Tekijänoikeus</i></a>
                </div>

                <div class="navlistipad"> 
                    <div class="qrr"><a class="qrr" href="index.html"><i class="ri-shut-down-line"></i> Sivuston poistaminen käytöstä</a></div>
                </div>
  
                <div class="navlistipad"> 
                  <a class="qrr" onclick="closeSearch10()" title="Close Overlay"><i class="ri-close-line"> Sulje valikko</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>YRITYKSEN VERKKOSIVUSTOT</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>