....................................../////.===Shadow-Here===./////................................................ > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < ------------------------------------------------------------------------------------------------------------------- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// RIFF¤ WEBPVP8 ˜ ðÑ *ôô>‘HŸK¥¤"§£±¨àð enü¹%½_F‘åè¿2ºQú³íªú`N¿­3ÿƒügµJžaÿ¯ÿ°~¼ÎùnúîÞÖô•òíôÁÉß®Sm¥Ü/ ‡ó˜f£Ùà<˜„xëJ¢Ù€SO3x<ªÔ©4¿+ç¶A`q@Ì“Úñè™ÍÿJÌ´ª-˜ÆtÊÛL]Ïq*‘Ý”ì#ŸÌÏãY]@ê`¿ /ªfkØB4·®£ó z—Üw¥Pxù–ÞLШKÇN¾AkÙTf½è'‰g gÆv›Øuh~ a˜Z— ïj*á¥t d£“uÒ ¨`K˜¹ßþ]b>˜]_ÏÔ6W—è2r4x•íÖ…"ƒÖNîä!¦å Ú}ýxGøÌ —@ ;ÆÚŠ=ɾ1ý8lªË¥ô ^yf®Œ¢u&2©nÙÇ›ñÂñŒ³ aPo['½»øFùà­+4ê“$!lövlüÞ=;N®3ð‚õ›DÉKòÞ>ÄÍ ¥ˆuߤ#ˆ$6ù™¥îŠ‡y’ÍB¼ çxÛ;X"WL£R÷͝*ó-¶Zu}º.s¸sšXqù–DþÿvªhüïwyŸ ¯é³lÀ:KCûÄ£Ëá\…­ ~—ýóî ¼ûûÜTÓüÇy…ŽÆvc»¾×U ñ¸žþоP÷¦ó:Ò¨¨5;Ð#&#ÖúñläÿÁœ GxÉ­/ñ‡áQðìYÉtÒwŽ¼GÔ´zàÒò ð*ëzƒ•4~H]Ø‹f ñÓÈñ`NåWçs'ÆÏW^ø¹!XžµmQ5ÃËoLœÎ: ÞËÍ¥J ù…î èo£ßPÎñ¶ž8.Œ]ʵ~5›ÙË-ù*8ÙÖß±~ ©¹rÓê‚j¶d¸{^Q'˜±Crß ÚH—#¥¥QlÀ×ëã‡DÜ«èî þ&Çæžî;ŽÏºò6ÒLÃXy&ZŒ'j‚¢Ù€IßÚù+–MGi‰*jE€‘JcÜ ÓÌ EÏÚj]o˜ Þr <¾U ûŪæÍ/šÝH¥˜b”¼ ÁñßX GP›ï2›4WŠÏà×£…íÓk†¦H·ÅíMh–*nó÷à]ÁjCº€b7<ب‹¨5車bp2:Á[UªM„QŒçiNMa#<5›áËó¸HýÊ"…×Éw¹¦ì2º–x<›»a±¸3Weü®FÝ⑱ö–î–³|LPÈ~çð~Çå‡|º kD¢µÏàÆAI %1À% ¹Ò – ”ϝS¦‰4&¶£°à Öý”û_Ò Áw°A«Å€?mÇÛgHÉ/8)á¾ÛìáöŽP í¨PŸNÙµº¦‡§Ùš"ÿ«>+ªÕ`Ê÷‡‚ß Õû˜þãÇ-PÍ.¾XV‘€ dÜ"þ4¹ ±Oú‘©t¥¦FªÄÃÄ•b‚znýu½—#cDs˜ÃiÑOˆñ×QO=*IAÊ,¶ŽZƒ;‡wøXè%EÐk:F±Ú” .Ѽ+Áu&Ç`."pÈÉw o&¿dE6‘’EqTuK@Ì¥ã™À(Êk(h‰,H}RÀIXÛš3µ1©_OqÚÒJAñ$ÊÙÜ;D3çŒ[þùœh¬Ã³™ö6ç†NY".Ú‰ï[ªŸŒ '²Ð öø_¨ÂÉ9u鶳ÒŠõTàîMØ#û¯gN‡bÙ놚X„ö …ÉeüÌ^J ‹€.œ$Æ)βÄeæW#óüßĺŸ€ ÀzwV 9oä»f4V*uB «Ë†¹ì¯žR霓æHXa=&“I4K;¯ç‹h×·"UŠ~<•â•ªVêª&ÍSÃÆÅ?ÔqÎ*mTM ˜›µwêd#[C¡©§‘D<©àb†–ÁœøvH/,í:¯( ²£|4-„Æövv„Yͼ™^Á$ˆ„¢Û[6yB.åH*V¨æ?$=˜Ñ€•î¦ñ·­(VlŸ‘ nÀt8W÷´Bûba?q9ú¶Xƒl«ÿ\ù¶’þòUÐj/õ¢Ìµ³g$ƒÎR!¸»|Oߍë’BhîÚÑ¢ñåŒJ„®„£2Ð3•ô02Nt…!£Í]Ïc½Qÿ?ˆ<&ÃA¾Ú,JˆijÌ#5yz„‰Î|ÊŽ5QÏ:‹ÐaóVÔxW—CpeÏzÐïíçôÿÅ_[hãsÐ_/ŽTÝ?BîˆííV$<¿i>²F¬_Eß¿ †bÊŒº­ÿ®Z H“C}”¬,Mp ý/Bá£w>˜YV°aƒúh+cŠ- r/[%|üUMHäQ°X»|û/@|°¥Ð !BÔ Ç¢Ä©š+Õì D«7ìN¶ŽðÔ " ƶ’ÖçtA‰Û×}{tþz­¾GÍ›k¹OEJR$ Â׃ «ëÁ"oÉôž$oUK(Ä)Ãz³Ê-‹êN[Ò3Œñbï8P 4ƒ×q¢bo|?<ÛX¬òÄÍ°L–±›(™ûG?ýË©ÚÄ–ÂDØÐ_Ç¡ô ¾–ÄÏø ×e8Ë©$ÄF¹Å‹ì[©óìl:F¾f´‹‹Xì²ï®\¬ôùƒ ÿat¥óèÒùHß0äe‚;ü×h:ÆWðHž=Ã8骣"kœ'Y?³}Tûè€>?0l›e1Lòñ„aæKÆw…hÖŠùW…ÈÆÄ0ši·›[pcwËþñiêíY/~-Á5˜!¿†A›™Mÿþ(±“t@â“ö2­´TG5yé]çå僳 .·ÍïçÝ7UÚ±Ð/Nè»,_Ï ùdj7\ï Wì4›„»c¸àešg#ÒÊ⥭áØo5‘?ÌdÝô¯ ¹kzsƒ=´#ëÉK›Ø´±-¥eW?‡çßtòTã…$Ý+qÿ±ƒ÷_3Ô¥í÷:æ–ž<·Ö‡‰Å¢ š‡%Ô—utÌÈìðžgÖÀz²À—ï÷Óîäõ{K'´È÷³yaÏÁjƒô}ž§®æÊydÕÈë5¯èˆõvÕ©ã*çD„ “z„Ó‡^^xÂ3M§A´JG‚öï 3W'ˆ.OvXè¡ÊÕª?5º7†˜(˜Ç¶#çê’¶!ÌdZK§æ 0fãaN]òY³RV ™î$®K2R¨`W!1Ôó\;Ý ýB%qæK•&ÓÈe9È0êI±žeŸß -ú@žQr¦ ö4»M¼Áè¹µmw 9 EÆE_°2ó„ŸXKWÁ×Hóì^´²GѝF©óäR†¦‰ç"V»eØ<3ùd3ÿÚ¤Žú“Gi" —‘_ÙËÎ~Üö¯¥½Î»üŸEÚŽåmÞþí ;ÞólËΦMzA"Âf(´òá;Éï(/7½ûñÌ­cïÕçлþÝz¾-ÍvÑ“pH­–ðÓj$¸Äû¤‚‘ãUBË-n“2åPkS5&‹Â|+g^œ®Ì͆d!OïäîU«c;{Û!ÅŽ«ëZ9Ókóˆ]¯ƒ›né `ÇÒ+tÆš (ØKá¾—=3œ®•vuMñg²\ï Ec€ 05±d™‡×iÇ×›UúvÌ¢£Èþ¡ÕØô¶ßÎA"ß±#Ö²ˆÊŸ¦*Ä~ij|àø.-¼'»Ú¥£h ofº¦‡VsR=N½„Î v˜Z*SÌ{=jÑB‹tê…;’HžH¯8–îDù8ñ¢|Q•bÛçš–‹m³“ê¨ åÏ^m¬Žãþ©ïêO‡½6] µÆ„Ooòü ²x}N¦Ë3ïé¿»€›HA˜m%çÞ/¿í7Fø“‹léUk)É°Œµ8Q8›:ÀŠeT*šõ~ôڝG6 ¢}`ùH­–”¡k ‰P1>š†®9z11!X wKfmÁ¦xÑ,N1Q”–æB¶M…ÒÃv6SMˆhU¬ÊPŽï‘öj=·CŒ¯u¹ƒVIЃsx4’ömÛýc塶7ßŠß 57^\wÒÐÆ k§h,Œý î«q^R½3]J¸ÇðN ‚çU¬ôº^Áì} ³f©Õœ§ˆã:FÄÈ‚é(€™?àýÓüè1Gô£¼éj‚OÅñ  #>×—ßtà 0G¥Åa뀐kßhc™À_ÉñÞ#±)GD" YîäË-ÿÙ̪ ¹™a¯´¢E\ÝÒö‚;™„ë]_ p8‰o¡ñ+^÷ 3‘'dT4œŽ ðVë½° :¬víÑ«£tßÚS-3¶“þ2 †üüʨòrš¹M{É_¤`Û¨0ìjœøJ‡:÷ÃáZ˜†@GP&œÑDGÏs¡þ¦þDGú‘1Yá9Ôþ¼ ûø…§÷8&–ÜÑnÄ_m®^üÆ`;ÉVÁJ£?â€-ßê}suÍ2sõA NÌúA磸‘îÿÚ»ƒìö·á¿±tÑÐ"Tÿü˜[@/äj¬€uüªìù¥Ý˜á8Ý´sõj 8@rˆð äþZÇD®ÿUÏ2ùôõrBzÆÏÞž>Ì™xœ“ wiÎ×7_… ¸ \#€MɁV¶¥üÕÿPÔ9Z‡ø§É8#H:ƒ5ÀÝå9ÍIŒ5åKÙŠ÷qÄ>1AÈøžj"µÂд/ªnÀ qªã}"iŸBå˜ÓÛŽ¦…&ݧ;G@—³b¯“•"´4í¨ôM¨åñC‹ïùÉó¯ÓsSH2Ý@ßáM‡ˆKÀªÛUeø/4\gnm¥‹ŸŒ qÄ b9ÞwÒNÏ_4Ég³ú=܆‚´ •â¥õeíþkjz>éÚyU«Íӝ݃6"8/ø{=Ô¢»G¥ äUw°W«,ô—¿ãㆅү¢³xŠUû™yŒ (øSópÐ 9\åTâ»—*oG$/×ÍT†Y¿1¤Þ¢_‡ ¼ „±ÍçèSaÓ 3ÛMÁBkxs‰’R/¡¤ˆÙçª(*õ„üXÌ´ƒ E§´¬EF"Ù”R/ÐNyÆÂ^°?™6¡œïJ·±$§?º>ÖüœcNÌù¯G ‹ñ2ŠBB„^·úìaz¨k:#¨Æ¨8LÎõލ£^§S&cŒÐU€ü(‡F±Š¼&P>8ÙÁ ‰ p5?0ÊƃZl¸aô š¼¡}gÿ¶zÆC²¹¬ÎÖG*HB¡O<º2#ñŒAƒ–¡B˜´É$¥›É:FÀÔx¾u?XÜÏÓvN©RS{2ʈãk9rmP¼Qq̳ è¼ÐFׄ^¡Öì fE“F4A…!ì/…¦Lƒ… … $%´¾yã@CI¬ á—3PþBÏNÿ<ý°4Ü ËÃ#ØÍ~âW«rEñw‹eùMMHß²`¬Öó½íf³:‹k˜¯÷}Z!ã¿<¥,\#öµÀ¯aÒNÆIé,Ћ–lŽ#Àæ9ÀÒS·I’½-Ïp Äz¤Š Â* ­íÄ9­< h>׍3ZkËU¹§˜ŒŠ±f­’¤º³Q ÏB?‹#µíÃ¥®@(Gs«†vI¥Mµ‹Á©e~2ú³ÁP4ìÕi‚²Ê^ö@-DþÓàlÜOÍ]n"µã:žpsŽ¢:! Aõ.ç~ÓBûH÷JCÌ]õVƒd «ú´QÙEA–¯¯Œ!.ˆˆëQ±ù œ·Ì!Õâ )ùL„ÅÀlÚè5@B…o´Æ¸XÓ&Û…O«˜”_#‡ƒ„ûÈt!¤ÁÏ›ÎÝŠ?c9 â\>lÓÁVÄÑ™£eØY]:fÝ–—ù+p{™ðè û³”g±OƒÚSù£áÁÊ„ä,ï7š²G ÕÌBk)~ÑiCµ|h#u¤¶îK¨² #²vݯGãeÖ϶ú…¾múÀ¶þÔñ‚Š9'^($¤§ò “š½{éúp÷J›ušS¹áªCÂubÃH9™D™/ZöØÁ‡¦ÝÙŸ·kð*_”.C‹{áXó€‡c¡c€§/šò/&éš÷,àéJþ‰X›fµ“C¨œ®r¬"kL‰Â_q…Z–.ÉL~O µ›zn‚¹À¦Öª7\àHµšÖ %»ÇníV[¥*Õ;ƒ#½¾HK-ÖIÊdÏEÚ#=o÷Óò³´Š: Ç?{¾+9›–‘OEáU·S€˜j"ÄaÜ ŒÛWt› á–c#a»pÔZÞdŽtWê=9éöÊ¢µ~ ë ;Öe‡Œ®:bî3±ýê¢wà¼îpêñ¹¾4 zc¾ðÖÿzdêŒÑÒŝÀ‰s6¤í³ÎÙB¿OZ”+F¤á‡3@Ñëäg©·Ž ˆèª<ù@É{&S„œÕúÀA)‰h:YÀ5^ÂÓŒ°õäU\ ùËÍû#²?Xe¬tu‰^zÒÔãë¼ÛWtEtû …‚g¶Úüâî*moGè¨7%u!]PhÏd™Ý%Îx: VÒ¦ôÊD3ÀŽKÛËãvÆî…N¯ä>Eró–ð`5 Œ%u5XkñÌ*NU%¶áœÊ:Qÿú»“úzyÏ6å-၇¾ ´ ÒÊ]y žO‘w2Äøæ…H’²f±ÎÇ.ª|¥'gîV•Ü .̘¯€šòü¤U~Ù†*¢!?ò wý,}´°ÔÞnïoKq5µb!áÓ3"vAßH¡³¡·G(ÐÎ0Îò¼MG!/ài®@—¬04*`…«é8ªøøló“ˆÊ”èù¤…ßÊoÿé'ËuÌÖ5×È¡§ˆˆfŽë9}hìâ_!!¯  B&Ëö¶‰ÀAÙNVŸ Wh›¸®XÑJì¨ú“¿÷3uj²˜¨ÍÎìë±aúŠÝå¯ð*Ó¨ôJ“yºØ)m°WýOè68†ŸÏ2—‰Ïüꪫٚ¥‹l1 ø ÏÄFjêµvÌbü¦èÝx:X±¢H=MÐß—,ˆÉÇ´(9ú¾^ÅÚ4¿m‡$âX‘å%(AlZo@½¨UOÌÕ”1ø¸jÎÀÃÃ_ µ‘Ü.œº¦Ut: Æï’!=¯uwû#,“pþÇúŒø(é@?³ü¥‘Mo §—s@Œ#)§ŒùkL}NOÆêA›¸~r½¼ÙA—HJ«eˆÖ´*¡ÓpÌŸö.m<-"³ûÈ$¬_6­åf£ïÚâj1y§ÕJ½@dÞÁr&Í\Z%D£Íñ·AZ Û³øüd/ªAi†/Й~  ‡âĮҮÏh§°b—›Û«mJžòG'[ÈYýŒ¦9psl ýÁ ®±f¦x,‰½tN ‚Xª9 ÙÖH.«Lo0×?͹m¡å†Ѽ+›2ƒF ±Ê8 7Hցϓ²Æ–m9…òŸï]Â1äN†VLâCˆU .ÿ‰Ts +ÅÎx(%¦u]6AF Š ØF鈄‘ |¢¶c±soŒ/t[a¾–û:s·`i햍ê›ËchÈ…8ßÀUÜewŒðNOƒõD%q#éû\9¤x¹&UE×G¥ Í—™$ð E6-‡¼!ýpãÔM˜ Âsìe¯ñµK¢Ç¡ùôléœ4Ö£”À Š®Ðc ^¨À}ÙËŸ§›ºê{ÊuÉC ×Sr€¤’fÉ*j!úÓ’Gsùìoîßîn%ò· àc Wp÷$¨˜)û»H ×8ŽÒ€Zj¤3ÀÙºY'Ql¦py{-6íÔCeiØp‘‡XÊîÆUߢ܂ž£Xé¼Y8þ©ëgñß}é.ÎógÒ„ÃØËø¯»™§Xýy M%@NŠ À(~áÐvu7&•,Ù˜ó€uP‡^^®=_E„jt’ 403WebShell
403Webshell
Server IP : 213.186.33.2  /  Your IP : 216.73.216.250
Web Server : Apache
System : Linux webd003.cluster102.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64
User : uneseuleoc ( 96096)
PHP Version : 7.4.33
Disable Function : _dyuweyrj4,_dyuweyrj4r,dl
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /home/uneseuleoc/crid/web/app/themes/crid/assets/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/uneseuleoc/crid/web/app/themes/crid/assets/css/ew.css.map
{"version":3,"sources":["layout/_hero-header.scss","app.css","layout/_header.scss","pages/_blog.scss"],"names":[],"mappings":"AAAA,aAKE,kBAAA,CAEA,wBAAA,CALA,YAAA,CACA,qBAAA,CACA,sBAAA,CAEA,mBAAA,CALA,iBCOF,CDCE,yBATF,aAUI,+BAAA,CACA,gCCEF,CACF,CDAE,yBAdF,aAeI,+BAAA,CACA,gCCGF,CACF,CDDE,0BAnBF,aAoBI,+BAAA,CACA,gCCIF,CACF,CDFE,oBASE,qBAAA,CAPA,WAAA,CAKA,MAAA,CAJA,mBAAA,CAAA,gBAAA,CACA,yBAAA,CAAA,sBAAA,CACA,iBAAA,CACA,KAAA,CALA,UAAA,CAOA,SCKJ,CDDE,sBASE,kBAAA,CAPA,UAAA,CAIA,YAAA,CACA,qBAAA,CAGA,eAAA,CAFA,sBAAA,CAJA,eAAA,CAHA,iBAAA,CAEA,SCSJ,CDAI,wBAGE,UAAA,CAFA,6BAAA,CACA,cAAA,CAEA,gBAAA,CAEA,kBAAA,CACA,eAAA,CAFA,iBAAA,CAGA,kCCEN,CDAM,yBAVF,wBAWI,cAAA,CACA,gBCGN,CACF,CDCE,oBAEE,gDAAA,CAGA,uBAAA,CAFA,2BAAA,CACA,yBAAA,CAEA,oBAAA,CALA,iBCMJ,CDCI,sBAGE,UAAA,CAFA,oCAAA,CACA,cAAA,CAIA,eAAA,CADA,YAAA,CADA,uBCGN,CDCM,yBARF,sBASI,cCEN,CACF,CDEE,mBAQE,mDAAA,CACA,0BAAA,CACA,2BAAA,CACA,yBAAA,CAPA,QAAA,CAHA,UAAA,CACA,aAAA,CAKA,WAAA,CAFA,MAAA,CAFA,iBAAA,CAGA,OAAA,CAMA,SCAJ,CClGE,gBACE,gBAAA,CACA,iBDqGJ,CCnGI,sBAKE,cAAA,CAHA,WAAA,CACA,iBAAA,CAGA,8BAAA,CALA,UAAA,CAGA,SDuGN,CClGQ,4BACE,SAAA,CACA,+BDoGV,CC/FI,sBAKE,SAAA,CADA,gBAAA,CAHA,iBAAA,CACA,WAAA,CACA,QDmGN,CC9FQ,iCACE,eDgGV,CC9FU,qDACE,YDgGZ,CC7FU,+CAKE,qBAAA,CAHA,wBAAA,CACA,kBAAA,CACA,aAAA,CAEA,yBD+FZ,CC7FY,iEACE,UD+Fd,CChGY,4DACE,UD+Fd,CC1FQ,0CACE,YD4FV,CCpFU,sDACE,0BDsFZ,CCnFc,4DACE,YDqFhB,CCjFU,sDACE,SDmFZ,CC3EA,mBACE,gBD8EF,CE3JE,YACE,eAAA,CAEA,kBAAA,CADA,cF+JJ,CE5JI,eACE,oBAAA,CAEA,kBAAA,CADA,iBF+JN,CE5JM,iBAOE,wBAAA,CACA,kBAAA,CAPA,aAAA,CAEA,aAAA,CAEA,6BAAA,CACA,eAAA,CAFA,aAAA,CAFA,gBFoKR,CE1JQ,oCAGE,wBAAA,CAFA,UAAA,CACA,eF6JV,CErJI,eACE,eAAA,CACA,cFuJN,CElJI,6BACE,kBFoJN,CElJM,iDACE,YFoJR,CEjJM,wCAOE,kBAAA,CAFA,YAAA,CACA,kBAAA,CAJA,6BAAA,CAEA,cAAA,CADA,eAAA,CAKA,sBAAA,CAPA,iBF0JR,CEjJQ,sDACE,cFmJV,CEjJU,4EAQE,kBAAA,CAEA,cAAA,CANA,wBAAA,CADA,iBAAA,CAEA,aAAA,CACA,YAAA,CACA,qBAAA,CALA,WAAA,CAOA,sBAAA,CAEA,YAAA,CAVA,UF6JZ,CEhJU,2DACE,iBFkJZ,CE/IU,2DACE,gBFiJZ,CE9IU,8DAEE,wBAAA,CACA,UAAA,CAFA,cAAA,CAGA,eFgJZ","file":"ew.css","sourcesContent":[".hero-header {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: 0 -15px 60px;\n  background-color: lightgray;\n\n  @media (min-width: 768px) {\n    margin-left: calc(-50vw + calc(720px / 2));\n    margin-right: calc(-50vw + calc(720px / 2));\n  }\n\n  @media (min-width: 992px) {\n    margin-left: calc(-50vw + calc(940px / 2));\n    margin-right: calc(-50vw + calc(940px / 2));\n  }\n\n  @media (min-width: 1200px) {\n    margin-left: calc(-50vw + calc(1140px / 2));\n    margin-right: calc(-50vw + calc(1140px / 2));\n  }\n\n  &__thumb {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 0;\n    filter: brightness(0.8);\n  }\n\n  &__content {\n    position: relative;\n    color: white;\n    z-index: 1;\n    padding: 20rem 0;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    font-weight: 700;\n\n    & > p {\n      font-family: Nunito, sans-serif;\n      font-size: 24px;\n      color: #fff;\n      line-height: 32px;\n      text-align: center;\n      margin: 35px auto 0 auto;\n      max-width: 980px;\n      text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);\n\n      @media (max-width: 768px) {\n        font-size: 18px;\n        line-height: 26px;\n      }\n    }\n  }\n\n  &__title {\n    padding: 15px 50px;\n    background: url(../images/scratch-title-blue.svg);\n    background-repeat: no-repeat;\n    background-size: 100% 100%;\n    background-position: center center;\n    display: inline-block;\n\n    & > * {\n      font-family: \"Permanent Marker\", cursive;\n      font-size: 80px;\n      color: #fff;\n      transform: rotate(-7deg);\n      margin-top: 0;\n      font-weight: 400;\n\n      @media (max-width: 768px) {\n        font-size: 60px;\n      }\n    }\n  }\n\n  &::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 25px;\n    background-image: url(\"../images/scratch-picture.svg\");\n    background-position: center bottom;\n    background-repeat: no-repeat;\n    background-size: 100% 100%;\n    z-index: 2;\n  }\n}\n",".hero-header {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: 0 -15px 60px;\n  background-color: lightgray;\n}\n@media (min-width: 768px) {\n  .hero-header {\n    margin-left: calc(-50vw + 360px);\n    margin-right: calc(-50vw + 360px);\n  }\n}\n@media (min-width: 992px) {\n  .hero-header {\n    margin-left: calc(-50vw + 470px);\n    margin-right: calc(-50vw + 470px);\n  }\n}\n@media (min-width: 1200px) {\n  .hero-header {\n    margin-left: calc(-50vw + 570px);\n    margin-right: calc(-50vw + 570px);\n  }\n}\n.hero-header__thumb {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  filter: brightness(0.8);\n}\n.hero-header__content {\n  position: relative;\n  color: white;\n  z-index: 1;\n  padding: 20rem 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  font-weight: 700;\n}\n.hero-header__content > p {\n  font-family: Nunito, sans-serif;\n  font-size: 24px;\n  color: #fff;\n  line-height: 32px;\n  text-align: center;\n  margin: 35px auto 0 auto;\n  max-width: 980px;\n  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);\n}\n@media (max-width: 768px) {\n  .hero-header__content > p {\n    font-size: 18px;\n    line-height: 26px;\n  }\n}\n.hero-header__title {\n  padding: 15px 50px;\n  background: url(../images/scratch-title-blue.svg);\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  background-position: center center;\n  display: inline-block;\n}\n.hero-header__title > * {\n  font-family: \"Permanent Marker\", cursive;\n  font-size: 80px;\n  color: #fff;\n  transform: rotate(-7deg);\n  margin-top: 0;\n  font-weight: 400;\n}\n@media (max-width: 768px) {\n  .hero-header__title > * {\n    font-size: 60px;\n  }\n}\n.hero-header::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 25px;\n  background-image: url(\"../images/scratch-picture.svg\");\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  z-index: 2;\n}\n\n.header__search {\n  margin-left: 20px;\n  position: relative;\n}\n.header__search__icon {\n  width: 20px;\n  height: 20px;\n  position: relative;\n  z-index: 4;\n  cursor: pointer;\n  transition: all 0.3s ease-in-out;\n}\n.header__search__icon svg * {\n  fill: white;\n  transition: fill 0.3s ease-in-out;\n}\n.header__search__form {\n  position: absolute;\n  right: -14px;\n  top: 100%;\n  padding-top: 15px;\n  opacity: 0;\n}\n.header__search__form > form > label {\n  margin-bottom: 0;\n}\n.header__search__form > form > label .screen-reader-text {\n  display: none;\n}\n.header__search__form > form > label .search-field {\n  padding: 8px 14px;\n  border: 2px solid #52eac8;\n  border-radius: 30px;\n  line-height: 1;\n  background-color: white;\n  padding-right: 30px;\n}\n.header__search__form > form > label .search-field::placeholder {\n  opacity: 0.7;\n}\n.header__search__form > form .search-submit {\n  display: none;\n}\n.header__search[data-open=true] .header__search__icon {\n  transform: translateY(43px);\n}\n.header__search[data-open=true] .header__search__icon svg * {\n  fill: #52eac8;\n}\n.header__search[data-open=true] .header__search__form {\n  opacity: 1;\n}\n\nheader .block-menu {\n  margin-left: auto;\n}\n\n.blog__tags {\n  list-style: none;\n  padding-left: 0;\n  margin-bottom: 35px;\n}\n.blog__tags > li {\n  display: inline-block;\n  margin-right: 10px;\n  margin-bottom: 10px;\n}\n.blog__tags > li a {\n  color: #0166ff;\n  padding: 8px 14px;\n  display: block;\n  line-height: 1;\n  font-family: Nunito, sans-serif;\n  font-weight: 400;\n  border: 2px solid #0166ff;\n  border-radius: 30px;\n}\n.blog__tags > li[data-current=true] > a {\n  color: white;\n  font-weight: 600;\n  background-color: #52eac8;\n}\n.blog__grid > ul {\n  list-style: none;\n  padding-left: 0;\n}\n.blog .navigation.pagination {\n  margin-bottom: 50px;\n}\n.blog .navigation.pagination .screen-reader-text {\n  display: none;\n}\n.blog .navigation.pagination .nav-links {\n  text-align: center;\n  font-family: Nunito, sans-serif;\n  font-weight: 400;\n  font-size: 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.blog .navigation.pagination .nav-links .page-numbers {\n  font-size: 16px;\n}\n.blog .navigation.pagination .nav-links .page-numbers:not(.next):not(.prev) {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  border: 2px solid #0166ff;\n  color: #0166ff;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  aspect-ratio: 1;\n  margin: 0 5px;\n}\n.blog .navigation.pagination .nav-links .page-numbers.prev {\n  margin-right: 10px;\n}\n.blog .navigation.pagination .nav-links .page-numbers.next {\n  margin-left: 10px;\n}\n.blog .navigation.pagination .nav-links .page-numbers.current {\n  font-size: 16px;\n  background-color: #52eac8;\n  color: white;\n  font-weight: 600;\n}",".header {\n  &__search {\n    margin-left: 20px;\n    position: relative;\n\n    &__icon {\n      width: 20px;\n      height: 20px;\n      position: relative;\n      z-index: 4;\n      cursor: pointer;\n      transition: all 0.3s ease-in-out;\n\n      svg {\n        * {\n          fill: white;\n          transition: fill 0.3s ease-in-out;\n        }\n      }\n    }\n\n    &__form {\n      position: absolute;\n      right: -14px;\n      top: 100%;\n      padding-top: 15px;\n      opacity: 0;\n\n      & > form {\n        & > label {\n          margin-bottom: 0;\n\n          .screen-reader-text {\n            display: none;\n          }\n\n          .search-field {\n            padding: 8px 14px;\n            border: 2px solid #52eac8;\n            border-radius: 30px;\n            line-height: 1;\n            background-color: white;\n            padding-right: 30px;\n\n            &::placeholder {\n              opacity: 0.7;\n            }\n          }\n        }\n\n        .search-submit {\n          display: none;\n        }\n      }\n    }\n\n    &[data-open=\"true\"] {\n      .header {\n        &__search {\n          &__icon {\n            transform: translateY(43px);\n\n            svg {\n              * {\n                fill: #52eac8;\n              }\n            }\n          }\n          &__form {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n}\n\nheader .block-menu {\n  margin-left: auto;\n}\n",".blog {\n  &__tags {\n    list-style: none;\n    padding-left: 0;\n    margin-bottom: 35px;\n\n    & > li {\n      display: inline-block;\n      margin-right: 10px;\n      margin-bottom: 10px;\n\n      a {\n        color: #0166ff;\n        padding: 8px 14px;\n        display: block;\n        line-height: 1;\n        font-family: Nunito, sans-serif;\n        font-weight: 400;\n        border: 2px solid #0166ff;\n        border-radius: 30px;\n      }\n\n      &[data-current=\"true\"] {\n        & > a {\n          color: white;\n          font-weight: 600;\n          background-color: #52eac8;\n        }\n      }\n    }\n  }\n\n  &__grid {\n    & > ul {\n      list-style: none;\n      padding-left: 0;\n    }\n  }\n\n  .navigation {\n    &.pagination {\n      margin-bottom: 50px;\n\n      .screen-reader-text {\n        display: none;\n      }\n\n      .nav-links {\n        text-align: center;\n        font-family: Nunito, sans-serif;\n        font-weight: 400;\n        font-size: 16px;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n\n        .page-numbers {\n          font-size: 16px;\n\n          &:not(.next):not(.prev) {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            border: 2px solid #0166ff;\n            color: #0166ff;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            aspect-ratio: 1;\n            margin: 0 5px;\n          }\n\n          &.prev {\n            margin-right: 10px;\n          }\n\n          &.next {\n            margin-left: 10px;\n          }\n\n          &.current {\n            font-size: 16px;\n            background-color: #52eac8;\n            color: white;\n            font-weight: 600;\n          }\n        }\n      }\n    }\n  }\n}\n"]}

Youez - 2016 - github.com/yon3zu
LinuXploit