@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}em{font-style:italic}strong{font-style:bold}
@charset "UTF-8";*{margin:0}html,body{height:100%;background:#fff;background:var(--base);color:#666;color:var(--secondary);font:normal 16px 'Lato',sans-serif}@media (min-width:900px) and (max-height:770px){.video-container,.video-container2{max-width:400px !important}}a{color:#666;color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline;text-decoration-skip:ink}img.scale-with-grid,picture.scale-with-grid,video.scale-with-grid{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p{font-weight:300}h1{font-size:1.5em}h2{font-size:1em}h3{font-size:1.1em}h4{font-size:1.2em}h5{font-size:.8em}h6{font-size:.7em}p{font:300 1em/1.8em 'Lato',sans-serif;padding-bottom:10px}strong,b{font-weight:700}italic,em{font-style:italic}.text-centred{text-align:center}.clear{clear:both}.line{border-top:1px solid;border-top-color:#cae0ff;border-top-color:var(--primary);height:1px}.section{margin-top:20px;margin-bottom:30px}.current{text-decoration:none;font-weight:700}header{text-align:center;width:100%;text-transform:uppercase;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid;border-bottom-color:#cae0ff;border-bottom-color:var(--primary);background-color:rgba(255,255,255,.9);background-color:var(--base-trans-high);position:fixed;z-index:20;top:0;padding-top:5px;float:left;margin-top:0}.animated{will-change:transform;transition:transform .5s ease-in}.slideDown{transform:translateY(0%)}.slideUp{transform:translateY(-100%)}.typeGrid header{border-bottom:none}.pageArchive header{border-bottom:1px solid;border-bottom-color:#cae0ff;border-bottom-color:var(--primary)}header .line{border-top:none}header h1{padding-top:5px}h1 a:hover{text-decoration:none;color:#666 !important;color:var(--secondary) !important}.wp-block-separator{height:20px;border:none}nav{width:80%;margin:auto;padding-top:0;display:none}nav ul,nav li{list-style-type:none;padding:0;margin:0;display:inline-block}nav li{padding:5px 10px}.nav-controls{width:24px;height:24px;position:fixed;overflow:hidden;top:18px;right:10px;float:right}nav li a:hover,header a:hover{border-bottom:2px solid;border-bottom-color:#cae0ff;border-bottom-color:var(--primary);text-decoration:none}.current-menu-item a{border-bottom:2px solid;border-bottom-color:#cae0ff;border-bottom-color:var(--primary)}.bar{width:100%;height:4%;background-color:#666;background-color:var(--secondary);position:absolute}.no1{margin-top:0;top:0}.no2{top:42%}.no3{margin-bottom:0;top:87%}.open,.close{width:100%;height:100%;position:absolute;top:0;left:0;color:gray;cursor:pointer;z-index:10}.close{display:none}.mobileHide{display:none}.mobileShow{display:block}.grid-item{width:100%}.grid-item div{width:96%;height:95%;margin-left:auto;margin-right:auto;margin-bottom:10px;border-top:1px solid;border-top-color:#cae0ff;border-top-color:var(--primary);position:relative;overflow:hidden}.grid-item img,.grid-item picture,.grid-item video{width:100%;height:100%}.grid-item video{position:absolute;background-color:none;z-index:1}.grid-item a{width:100%;height:100%;display:inline-block;position:absolute;top:0;left:0;z-index:2;background-color:rgba(255,255,255,.4);background-color:var(--base-trans-mid);-webkit-transition:background-color .4s;transition:background-color .5s}.grid-item a:hover,.grid-item a:active{background-color:rgba(255,255,255,0);background-color:var(--base-trans-zero);-webkit-transition:background-color .4s;transition:background-color .4s}.screenOn a{background-color:rgba(255,255,255,0);background-color:var(--base-trans-zero);-webkit-transition:background-color .4s;transition:background-color .4s;background-size:110%}.screenOff a{background-color:rgba(255,255,255,.4);background-color:var(--base-trans-mid);-webkit-transition:background-color .4s;transition:background-color .4s}.screenOn img{transform:scale(1.04);transition:all 1s}.screenOff img{transform:scale(1);transition:all 1s}.grid-item h5{background-color:#fff;background-color:rgba(255,255,255,.9);background-color:var(--base-trans-high);margin:0;padding:7px;display:inline-block;position:absolute;top:0;left:0;letter-spacing:.05em}.archive .grid-item h5{background-color:transparent;margin:0;padding:0;display:block;position:static;letter-spacing:0em}.archive.grid{padding-top:20px}.archive .grid-item div{width:92%;margin-left:auto;margin-right:auto;margin-bottom:10px;border:1px solid;border-color:#cae0ff;border-color:var(--primary);position:relative;text-align:center}.archive span{margin-top:0;display:block;padding:8px}.archive .grid-item a{width:100%;height:100%;display:block;z-index:0;-webkit-transition:background-color .4s;transition:background-color .5s;position:static;margin-right:0;margin-top:0;margin-left:0;text-decoration:none}.container{margin-top:60px}.page,.archive{max-width:960px;margin-left:auto;margin-right:auto}.heading{display:block;padding-top:10px;padding-right:5px;padding-left:5px}.archive .heading{margin-bottom:20px}.main a{text-decoration:underline}.main img{margin-bottom:10px}.sidebar{border-top:1px solid;border-top-color:#cae0ff;border-top-color:var(--primary);padding-top:10px;width:90%;margin-left:5%;margin-right:5%}.sidebar p{padding-left:10px;padding-right:10px}.main p{width:88%;padding-left:6%;padding-right:6%;text-align:justify}.sidebar h4{padding:5px 5px 5px 10px}.sidebar .line{margin-top:10px;margin-bottom:10px}.column{float:left;margin-bottom:20px}.third{width:33%}.half{width:50%}.error404{max-width:500px;margin-right:auto;margin-left:auto}.page404{margin-top:30px}.hero-area{margin-top:20px}.image-area{text-align:center;padding:0 20px;max-width:1200px;margin:10px auto}.codepen-area{max-width:960px;margin:10px auto;text-align:justify}.embed-area{max-width:540px;margin:10px auto;text-align:center;min-height:0;padding-left:10px;padding-right:10px}.youtube-area{max-width:960px;margin:10px auto;text-align:center;min-height:0;padding-left:10px;padding-right:10px}.text-area{max-width:500px;margin:10px auto;text-align:center;min-height:0;padding-left:10px;padding-right:10px}.text-area a{text-decoration:underline;cursor:pointer}.text-area a:hover{color:#cae0ff}.text-desc p{max-width:500px;margin:10px auto 20px;text-align:center;padding:0}.additional a{padding-left:10px;padding-right:10px;display:inline-block;cursor:pointer}.additional a.current:hover{font-weight:700}.link-section{max-width:1200px;display:block;margin-left:auto;margin-right:auto}.link-section a{width:96%;margin-bottom:30px;background-color:#fff;background-color:var(--base);display:block;margin-left:2%;margin-right:2%;padding-top:10px}.link-section a:hover{text-decoration:underline}a.link-prev,a.link-next,a.link-random,a.link-cat{text-align:center;border:1px solid;border-color:#cae0ff;border-color:var(--primary);border-left:none;border-right:none}a.link-prev{float:left}a.link-next{float:right}a.link-random{display:inline-block;float:left}.post-grid{width:100%;max-width:1020px;margin:0 auto;height:auto;display:flex;flex-wrap:wrap;justify-content:center}.post-grid div{padding:5px}.post-grid-single{width:100%}.post-grid-single img{margin-left:auto;margin-right:auto;display:block}.gifControl,.gifControl2{height:28px;width:96%;margin:20px 2% 30px}.gifControl>div,.gifControl2>div{width:49%;border:1px solid;border-color:#cae0ff;border-color:var(--primary);border-left:none;border-right:none;text-align:center;margin-bottom:10px;cursor:pointer}.gifToggle,.gifToggle2{float:left}.gifStop,.gifStop2{float:right}.gifControl p,.gifControl2 p{padding:3px 0}.toggleOn{display:block}.toggleOff{display:none}.gifImage,.gifImage2{position:relative;cursor:pointer}.gifPlay{width:80px;position:absolute;z-index:5;bottom:7px;left:50%;margin-left:-40px;text-align:center;background-color:#fff;background-color:rgba(255,255,255,.9);background-color:var(--base-trans-high);border-top:1px solid;border-top-color:#cae0ff;border-top-color:var(--primary);font-family:Verdana,"Lucida Grande",Lucida,sans-serif}.gifPlay p{padding-bottom:0}.gifPlay span,.gifToggle span,.gifStop span,.gifToggle2 span,.gifStop2 span{font-size:.8em}.post-grid-single .gifPlay{bottom:5px}.gifPause{display:none}.video-container,.video-container2{max-width:720px;margin-left:auto;margin-right:auto;padding:20px}video{object-fit:contain}.flashFail{display:none;clear:both}.flashAd,.htmlAd{margin:auto auto 20px}.flashAd{overflow:scroll;background-color:#cae0ff;text-align:center;color:#fff;color:var(--base)}footer{text-align:center;clear:both;border-top:1px solid;border-top-color:#cae0ff;border-top-color:var(--primary);padding-top:6px;padding-bottom:2px;margin-top:10px}footer,.wrapper:after{height:20px}img#wpstats{display:none}@media (min-width:550px){.grid-item{width:50%}.sidebar{width:90%;float:right;border-top:1px solid;border-top-color:#cae0ff;border-top-color:var(--primary);padding-top:10px;margin-left:5%;margin-right:5%}.gifControl,.gifControl2{width:96%}}@media (min-width:900px){h1{font-size:1.5em}.nav-controls{display:none}nav{display:block;padding-bottom:5px}.mobileHide,.mobileShow{display:block}.container{margin-top:100px}.container.grid{margin-top:88px}.heading{padding-top:0}.grid-item{width:33%}.sidebar{width:33%;margin-left:0;margin-right:0}.main{width:64%;margin-left:0;margin-right:0}.main p{padding:0 10px;width:97%}.gifControl,.gifControl2{width:250px;margin-left:auto;margin-right:auto}.gifToggle,.gifStop,.gifToggle2,.gifStop2{width:46%}.link-section a{width:29%;margin-left:2%;margin-right:2%;background-color:#fff;background-color:var(--base)}}@media (min-width:1200px){.grid-item{width:25%}}@media (min-width:2200px){.grid-item{width:20%}}:root{--year-2024:#cae0ff;--year-2023:#c7b8ff;--year-2022:#94d4dd;--year-2021:#95cea8;--year-2020:#bad893;--year-2019:#e2d66a;--year-2018:#e8a777;--year-2017:#ed7d7a;--year-2016:#ffa6c8;--year-2015:#f2a9ff;--year-2014:#c7b8ff;--year-2013:#cae0ff;--year-2012:#c7b8ff;--year-2011:#94d4dd;--year-2010:#95cea8;--primary:#cae0ff;--secondary:#666;--base:#fff;--base-trans-high:rgba(255,255,255,.9);--base-trans-mid:rgba(255,255,255,.4);--base-trans-zero:rgba(255,255,255,0)}@media (prefers-color-scheme:dark){:root{--secondary:#fff;--base:#141414;--base-trans-high:rgba(20,20,20,.7);--base-trans-mid:rgba(20,20,20,.4);--base-trans-zero:rgba(20,20,20,0)}}.grid-item.year-2024 div,.year-2024 .line,.year-2024 header,.year-2024 footer,.year-2024 .link-section a,.line.year-2024,.year-2024 .gifPlay,.year-2024 .gifControl div,.year-2024 .gifControl2 div{border-color:var(--year-2024)}.grid-item.year-2023 div,.year-2023 .line,.year-2023 header,.year-2023 footer,.year-2023 .link-section a,.line.year-2023,.year-2023 .gifPlay,.year-2023 .gifControl div,.year-2023 .gifControl2 div{border-color:var(--year-2023)}.grid-item.year-2022 div,.year-2022 .line,.year-2022 header,.year-2022 footer,.year-2022 .link-section a,.line.year-2022,.year-2022 .gifPlay,.year-2022 .gifControl div,.year-2022 .gifControl2 div{border-color:var(--year-2022)}.grid-item.year-2021 div,.year-2021 .line,.year-2021 header,.year-2021 footer,.year-2021 .link-section a,.line.year-2021,.year-2021 .gifPlay,.year-2021 .gifControl div,.year-2021 .gifControl2 div{border-color:var(--year-2021)}.grid-item.year-2020 div,.year-2020 .line,.year-2020 header,.year-2020 footer,.year-2020 .link-section a,.line.year-2020,.year-2020 .gifPlay,.year-2020 .gifControl div,.year-2020 .gifControl2 div{border-color:var(--year-2020)}.grid-item.year-2019 div,.year-2019 .line,.year-2019 header,.year-2019 footer,.year-2019 .link-section a,.line.year-2019,.year-2019 .gifPlay,.year-2019 .gifControl div,.year-2019 .gifControl2 div{border-color:var(--year-2019)}.grid-item.year-2018 div,.year-2018 .line,.year-2018 header,.year-2018 footer,.year-2018 .link-section a,.line.year-2018,.year-2018 .gifPlay,.year-2018 .gifControl div,.year-2018 .gifControl2 div{border-color:var(--year-2018)}.grid-item.year-2017 div,.year-2017 .line,.year-2017 header,.year-2017 footer,.year-2017 .link-section a,.line.year-2017,.year-2017 .gifPlay,.year-2017 .gifControl div,.year-2017 .gifControl2 div{border-color:var(--year-2017)}.grid-item.year-2016 div,.year-2016 .line,.year-2016 header,.year-2016 footer,.year-2016 .link-section a,.line.year-2016,.year-2016 .gifPlay,.year-2016 .gifControl div,.year-2016 .gifControl2 div{border-color:var(--year-2016)}.grid-item.year-2015 div,.year-2015 .line,.year-2015 header,.year-2015 footer,.year-2015 .link-section a,.line.year-2015,.year-2015 .gifPlay,.year-2015 .gifControl div,.year-2015 .gifControl2 div{border-color:var(--year-2015)}.grid-item.year-2014 div,.year-2014 .line,.year-2014 header,.year-2014 footer,.year-2014 .link-section a,.line.year-2014,.year-2014 .gifPlay,.year-2014 .gifControl div,.year-2014 .gifControl2 div{border-color:var(--year-2014)}.grid-item.year-2013 div,.year-2013 .line,.year-2013 header,.year-2013 footer,.year-2013 .link-section a,.line.year-2013,.year-2013 .gifPlay,.year-2013 .gifControl div,.year-2013 .gifControl2 div{border-color:var(--year-2013)}.grid-item.year-2012 div,.year-2012 .line,.year-2012 header,.year-2012 footer,.year-2012 .link-section a,.line.year-2012,.year-2012 .gifPlay,.year-2012 .gifControl div,.year-2012 .gifControl2 div{border-color:var(--year-2012)}.grid-item.year-2011 div,.year-2011 .line,.year-2011 header,.year-2011 footer,.year-2011 .link-section a,.line.year-2011,.year-2011 .gifPlay,.year-2011 .gifControl div,.year-2011 .gifControl2 div{border-color:var(--year-2011)}.grid-item.year-2010 div,.year-2010 .line,.year-2010 header,.year-2010 footer,.year-2010 .link-section a,.line.year-2010,.year-2010 .gifPlay,.year-2010 .gifControl div,.year-2010 .gifControl2 div{border-color:var(--year-2010)}.year-2024 h1 a:hover,.year-2024 p a:hover,.typePage p.year-2024 a:hover{color:var(--year-2024)}.year-2023 h1 a:hover,.year-2023 p a:hover,.typePage p.year-2023 a:hover{color:var(--year-2023)}.year-2022 h1 a:hover,.year-2022 p a:hover,.typePage p.year-2022 a:hover{color:var(--year-2022)}.year-2021 h1 a:hover,.year-2021 p a:hover,.typePage p.year-2021 a:hover{color:var(--year-2021)}.year-2020 h1 a:hover,.year-2020 p a:hover,.typePage p.year-2020 a:hover{color:var(--year-2020)}.year-2019 h1 a:hover,.year-2019 p a:hover,.typePage p.year-2019 a:hover{color:var(--year-2019)}.year-2018 h1 a:hover,.year-2018 p a:hover,.typePage p.year-2018 a:hover{color:var(--year-2018)}.year-2017 h1 a:hover,.year-2017 p a:hover,.typePage p.year-2017 a:hover{color:var(--year-2017)}.year-2016 h1 a:hover,.year-2016 p a:hover,.typePage p.year-2016 a:hover{color:var(--year-2016)}.year-2015 h1 a:hover,.year-2015 p a:hover,.typePage p.year-2015 a:hover{color:var(--year-2015)}.year-2014 h1 a:hover,.year-2014 p a:hover,.typePage p.year-2014 a:hover{color:var(--year-2014)}.year-2013 h1 a:hover,.year-2013 p a:hover,.typePage p.year-2013 a:hover{color:var(--year-2013)}.year-2012 h1 a:hover,.year-2012 p a:hover,.typePage p.year-2012 a:hover{color:var(--year-2012)}.year-2011 h1 a:hover,.year-2011 p a:hover,.typePage p.year-2011 a:hover{color:var(--year-2011)}.year-2010 h1 a:hover,.year-2010 p a:hover,.typePage p.year-2010 a:hover{color:var(--year-2010)}.archive .grid-item div a:hover{color:var(--base)}.archive .grid-item.year-2024 div a:hover,.year-2024 .flashAd{background:var(--year-2024)}.archive .grid-item.year-2023 div a:hover,.year-2023 .flashAd{background:var(--year-2023)}.archive .grid-item.year-2022 div a:hover,.year-2022 .flashAd{background:var(--year-2022)}.archive .grid-item.year-2021 div a:hover,.year-2021 .flashAd{background:var(--year-2021)}.archive .grid-item.year-2020 div a:hover,.year-2020 .flashAd{background:var(--year-2020)}.archive .grid-item.year-2019 div a:hover,.year-2019 .flashAd{background:var(--year-2019)}.archive .grid-item.year-2018 div a:hover,.year-2018 .flashAd{background:var(--year-2018)}.archive .grid-item.year-2017 div a:hover,.year-2017 .flashAd{background:var(--year-2017)}.archive .grid-item.year-2016 div a:hover,.year-2016 .flashAd{background:var(--year-2016)}.archive .grid-item.year-2015 div a:hover,.year-2015 .flashAd{background:var(--year-2015)}.archive .grid-item.year-2014 div a:hover,.year-2014 .flashAd{background:var(--year-2014)}.archive .grid-item.year-2013 div a:hover,.year-2013 .flashAd{background:var(--year-2013)}.archive .grid-item.year-2012 div a:hover,.year-2012 .flashAd{background:var(--year-2012)}.archive .grid-item.year-2011 div a:hover,.year-2011 .flashAd{background:var(--year-2011)}.archive .grid-item.year-2010 div a:hover,.year-2010 .flashAd{background:var(--year-2010)}.year-2024 nav li a:hover,.year-2024 header a:hover{border-bottom-color:var(--year-2024)}.year-2023 nav li a:hover,.year-2023 header a:hover{border-bottom-color:var(--year-2023)}.year-2022 nav li a:hover,.year-2022 header a:hover{border-bottom-color:var(--year-2022)}.year-2021 nav li a:hover,.year-2021 header a:hover{border-bottom-color:var(--year-2021)}.year-2020 nav li a:hover,.year-2020 header a:hover{border-bottom-color:var(--year-2020)}.year-2019 nav li a:hover,.year-2019 header a:hover{border-bottom-color:var(--year-2019)}.year-2018 nav li a:hover,.year-2018 header a:hover{border-bottom-color:var(--year-2018)}.year-2017 nav li a:hover,.year-2017 header a:hover{border-bottom-color:var(--year-2017)}.year-2016 nav li a:hover,.year-2016 header a:hover{border-bottom-color:var(--year-2016)}.year-2015 nav li a:hover,.year-2015 header a:hover{border-bottom-color:var(--year-2015)}.year-2014 nav li a:hover,.year-2014 header a:hover{border-bottom-color:var(--year-2014)}.year-2013 nav li a:hover,.year-2013 header a:hover{border-bottom-color:var(--year-2013)}.year-2012 nav li a:hover,.year-2012 header a:hover{border-bottom-color:var(--year-2012)}.year-2011 nav li a:hover,.year-2011 header a:hover{border-bottom-color:var(--year-2011)}.year-2010 nav li a:hover,.year-2010 header a:hover{border-bottom-color:var(--year-2010)}
::selection{background:var(--year-2025)}::-moz-selection{background:var(--year-2025)}