diff --git a/_art/babanasaur_headshot_24.md b/_art/babanasaur_headshot_24.md
new file mode 100755
index 0000000..4925545
--- /dev/null
+++ b/_art/babanasaur_headshot_24.md
@@ -0,0 +1,6 @@
+---
+image: "/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24.png"
+thumb: "/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb2.jpg"
+alt: "A stylised painting of the head and part of the upper body of an anthropomorphic bateleur eagle. The image is square"
+desc: "Headshot commission – Babanasaur"
+---
\ No newline at end of file
diff --git a/_layouts/home.html b/_layouts/home.html
index 586a746..ad0b1a4 100755
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -17,8 +17,8 @@
 
     <div class="main">
         <div class="pfp">
-            <img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon_small.png" width="150px" height="150px" alt="A drawing of the head of an anthropomorphic bateleur eagle."/>
-            <p>A headshot of me!<br/> Made by FaultyArts</p>
+            <img src="assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg" width="150px" height="150px" alt="A stylised painting of the head and part of the upper body of an anthropomorphic bateleur eagle. The image is square.">
+            <p>A headshot of me!<br/> Made by Babanasaur</p>
         </div>
 
         <div style="text-align: center;">
diff --git a/_site/art.html b/_site/art.html
index 9cc2de3..d371cb7 100644
--- a/_site/art.html
+++ b/_site/art.html
@@ -27,6 +27,15 @@
 
 <div class="art">
     
+        <div class="responsive">
+            <div class="gallery">
+                <a target="_blank" href="/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24.png">
+                <img src="/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb2.jpg" alt="A stylised painting of the head and part of the upper body of an anthropomorphic bateleur eagle. The image is square" width="600" height="400" loading="lazy">
+                </a>
+                <div class="desc">Headshot commission – Babanasaur</div>
+            </div>
+        </div>
+    
         <div class="responsive">
             <div class="gallery">
                 <a target="_blank" href="/assets/images/Hexaitos/FaultyArts/hexaitos_icon.png">
diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css
index 045f1a6..cccbb6c 100644
--- a/_site/assets/css/styles.css
+++ b/_site/assets/css/styles.css
@@ -1 +1 @@
-@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-regular.eot");src:local("Merriweather Regular"),local("Merriweather-Regular"),url("/assets/fonts/merriweather-v21-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-italic.eot");src:local("Merriweather Italic"),local("Merriweather-Italic"),url("/assets/fonts/merriweather-v21-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-regular.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-italic.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans") format("svg");font-display:swap}:root{--body-bg: #9f9287;--main-bg: #cdcac4;--menu-bg: #2b2623;--foot-bg: #2b2623;--btn-col: #dba047;--btn-hov: #ae4e26}*{font-family:Merriweather,Merriweather Sans}q{quotes:"“" "”" "‘" "’";font-family:Merriweather}q::before{content:open-quote}q::after{content:close-quote}figcaption{text-align:center;padding-top:5px;padding-bottom:5px}figure.main{width:100%;margin:0;overflow:hidden}figure.main img{width:100%;border:3px var(--btn-hov) solid;border-radius:10px;object-fit:contain}figure.small-image{float:right;margin-left:15px;width:35vw;margin-right:0}figure.small-image img{width:100%;height:auto;border-radius:8px}figure.small-image figcaption{text-align:center;font-size:.8em;margin-top:5px}body{margin-left:10%;margin-right:10%;padding:10px;background-color:var(--body-bg)}.main h1,h2,h3{font-variant:small-caps;padding:.3em .3em}.main h1{border-top:5px double #a72f14;border-bottom:5px double #a72f14;text-align:center}.main h2{border-bottom:5px solid #a72f14}.main p{font-size:16px;text-align:justify}.main img{max-width:100%}div.pfp{padding:.5em}div.main{background-color:var(--main-bg);padding:2em;border-radius:10px;min-height:500px}.pfp img{border:5px double #a72f14;border-radius:10px;max-width:150px;display:block;margin-left:auto;margin-right:auto}.pfp p{text-align:center;font-style:italic;font-size:12px}div.menu{background:var(--menu-bg);padding:.5em;margin-bottom:2em;overflow:hidden;text-align:center;border-radius:10px;min-height:3em;height:auto}.menu p{color:#fff;text-decoration:none;padding:.5em .5em;margin-left:.5em;text-align:right;border-radius:10px}.menu a{color:#fff;text-decoration:none;padding:.8em .8em;margin-right:1em;margin-left:1em;min-width:100px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px;margin-bottom:.5em;margin-top:.5em}.menu a:hover,.contact a:hover,a.webring-btn:hover{background-color:var(--btn-hov)}.main a{color:#ae4e26}.main a:hover{text-decoration:none}div.contact{text-align:center}.contact a{color:#fff;text-decoration:none;padding:.8em .8em;text-align:center;background-color:var(--btn-col);display:grid;font-size:medium;border-radius:10px;margin-bottom:1em}a.webring-btn{color:#fff;text-decoration:none;padding:.5em .5em;margin-right:.5em;margin-left:.5em;min-width:75px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px}div.webring{border-top:2px solid var(--btn-hov);border-bottom:2px solid var(--btn-hov);text-align:right;display:flex;align-items:center;height:50px;justify-content:space-between;margin-top:5px}.webring span{float:left;padding:auto 0}footer{background:var(--foot-bg);padding:1em;margin-top:2em;overflow:hidden;text-align:center;height:auto;border-radius:10px;min-height:3em}footer p{color:#fff}footer p:first-of-type{float:left}footer p:last-of-type{float:right}@media only screen and (max-width: 900px){.menu a{font-size:medium;min-width:90px}div.menu{padding:.5em;height:auto}body{margin-left:5%;margin-right:5%}}@media only screen and (max-width: 700px){.menu a{font-size:smaller;min-width:80px;margin-left:.1em;margin-right:.1em}footer p:first-of-type,footer p:last-of-type{float:none}}div.art{display:flex;justify-content:center}div.gallery{border:5px double rgba(167,47,20,.3)}div.gallery:hover{border:5px double #dba047}div.gallery img{width:100%;height:200px;object-fit:scale-down}div.desc{padding:10px;text-align:center}*{box-sizing:border-box}.responsive{padding:0 6px;float:left;width:24.99999%}section.colour-cols{display:flex;flex-direction:column;justify-content:space-around;text-align:center}div[class*=colour-col-]{display:flex;justify-content:center}div[class*=colour-col-]>div{height:75px;width:25%}div[class*=colour-col-][class*="1"] :nth-child(1){background-color:#2b2623}div[class*=colour-col-][class*="1"] :nth-child(2){background-color:#db9f47}div[class*=colour-col-][class*="1"] :nth-child(3){background-color:#ae4e26}div[class*=colour-col-][class*="1"] :nth-child(4){background-color:#a72f14}div[class*=colour-col-][class*="2"] :nth-child(1){background-color:#fff}div[class*=colour-col-][class*="2"] :nth-child(2){background-color:#133042}div[class*=colour-col-][class*="2"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(1){background-color:#c0b6ad}div[class*=colour-col-][class*="3"] :nth-child(2){background-color:#9f9387}div[class*=colour-col-][class*="3"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(4){background-color:#894518}div[class*=hex-code-col-]{display:flex;justify-content:center;flex-direction:row;margin-bottom:15px}div[class*=hex-code-col-]>span{width:25%;display:inline;text-align:center;font-family:monospace}span.colour-heading{margin-bottom:5px;font-size:large}img.refsheet{width:100%}@media only screen and (max-width: 700px){.responsive{width:49.99999%;margin:6px 0}div.art{display:inherit;justify-content:inherit}figure.small-image{width:100%}}@media only screen and (max-width: 500px){.responsive{width:100%}div.art{display:inherit;justify-content:inherit}a.webring-btn{min-width:40px;margin-right:.2em;margin-left:.2em}}.clearfix:after{content:"";display:table;clear:both}code{font-family:monospace;background-color:#d3d3d3;border:1px gray}@media(prefers-color-scheme: dark){:root{--body-bg: rgb(49, 49, 49);--main-bg: #191919;--menu-bg: #191919;--foot-bg: #191919;--btn-hov: #dba047;--btn-col: #ae4e26}code{background-color:#a9a9a9}div.gallery{border:5px double #a72f14}.main a{color:#dba047}.contact a,li,span,a.webring-btn,div.desc,p,h1,h2,h3,b,figcaption{color:#fff}}/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
+@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-regular.eot");src:local("Merriweather Regular"),local("Merriweather-Regular"),url("/assets/fonts/merriweather-v21-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-italic.eot");src:local("Merriweather Italic"),local("Merriweather-Italic"),url("/assets/fonts/merriweather-v21-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-regular.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-italic.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans") format("svg");font-display:swap}:root{--body-bg: #9f9287;--main-bg: #cdcac4;--menu-bg: #2b2623;--foot-bg: #2b2623;--btn-col: #dba047;--btn-hov: #ae4e26}*{font-family:Merriweather,Merriweather Sans}q{quotes:"“" "”" "‘" "’";font-family:Merriweather}q::before{content:open-quote}q::after{content:close-quote}figcaption{text-align:center;padding-top:5px;padding-bottom:5px}figure.main{width:100%;margin:0;overflow:hidden}figure.main img{width:100%;border:3px var(--btn-hov) solid;border-radius:10px;object-fit:contain}figure.small-image{float:right;margin-left:15px;width:35vw;margin-right:0}figure.small-image img{width:100%;height:auto;border-radius:8px}figure.small-image figcaption{text-align:center;font-size:.8em;margin-top:5px}body{margin-left:10%;margin-right:10%;padding:10px;background-color:var(--body-bg)}.main h1,h2,h3{font-variant:small-caps;padding:.3em .3em}.main h1{border-top:5px double #a72f14;border-bottom:5px double #a72f14;text-align:center}.main h2{border-bottom:5px solid #a72f14}.main p{font-size:16px;text-align:justify}.main img{max-width:100%}div.pfp{padding:.5em}div.main{background-color:var(--main-bg);padding:2em;border-radius:10px;min-height:500px}.pfp img{border:5px double #a72f14;border-radius:10px;max-width:150px;display:block;margin-left:auto;margin-right:auto}.pfp p{text-align:center;font-style:italic;font-size:12px}div.menu{background:var(--menu-bg);padding:.5em;margin-bottom:2em;overflow:hidden;text-align:center;border-radius:10px;min-height:3em;height:auto}.menu p{color:#fff;text-decoration:none;padding:.5em .5em;margin-left:.5em;text-align:right;border-radius:10px}.menu a{color:#fff;text-decoration:none;padding:.8em .8em;margin-right:1em;margin-left:1em;min-width:100px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px;margin-bottom:.5em;margin-top:.5em}.menu a:hover,.contact a:hover,a.webring-btn:hover{background-color:var(--btn-hov)}.main a{color:#ae4e26}.main a:hover{text-decoration:none}div.contact{text-align:center}.contact a{color:#fff;text-decoration:none;padding:.8em .8em;text-align:center;background-color:var(--btn-col);display:grid;font-size:medium;border-radius:10px;margin-bottom:1em}a.webring-btn{color:#fff;text-decoration:none;padding:.5em .5em;margin-right:.5em;margin-left:.5em;min-width:75px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px}div.webring{border-top:2px solid var(--btn-hov);border-bottom:2px solid var(--btn-hov);text-align:right;display:flex;align-items:center;height:50px;justify-content:space-between;margin-top:5px}.webring span{float:left;padding:auto 0}footer{background:var(--foot-bg);padding:1em;margin-top:2em;overflow:hidden;text-align:center;height:auto;border-radius:10px;min-height:3em}footer p{color:#fff}footer p:first-of-type{float:left}footer p:last-of-type{float:right}@media only screen and (max-width: 900px){.menu a{font-size:medium;min-width:90px}div.menu{padding:.5em;height:auto}body{margin-left:5%;margin-right:5%}}@media only screen and (max-width: 700px){.menu a{font-size:smaller;min-width:80px;margin-left:.1em;margin-right:.1em}footer p:first-of-type,footer p:last-of-type{float:none}}div.art{display:flex;justify-content:center}div.gallery{border:5px double rgba(167,47,20,.3)}div.gallery:hover{border:5px double #dba047}div.gallery img{width:100%;height:200px;object-fit:scale-down}div.desc{padding:10px;text-align:center}*{box-sizing:border-box}.responsive{padding:0 6px;float:left;width:24.99999%}section.colour-cols{display:flex;flex-direction:column;justify-content:space-around;text-align:center}div[class*=colour-col-]{display:flex;justify-content:center}div[class*=colour-col-]>div{height:75px;width:25%}div[class*=colour-col-][class*="1"] :nth-child(1){background-color:#2b2623}div[class*=colour-col-][class*="1"] :nth-child(2){background-color:#db9f47}div[class*=colour-col-][class*="1"] :nth-child(3){background-color:#ae4e26}div[class*=colour-col-][class*="1"] :nth-child(4){background-color:#a72f14}div[class*=colour-col-][class*="2"] :nth-child(1){background-color:#fff}div[class*=colour-col-][class*="2"] :nth-child(2){background-color:#133042}div[class*=colour-col-][class*="2"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(1){background-color:#c0b6ad}div[class*=colour-col-][class*="3"] :nth-child(2){background-color:#9f9387}div[class*=colour-col-][class*="3"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(4){background-color:#894518}div[class*=hex-code-col-]{display:flex;justify-content:center;flex-direction:row;margin-bottom:15px}div[class*=hex-code-col-]>span{width:25%;display:inline;text-align:center;font-family:monospace}span.colour-heading{margin-bottom:5px;font-size:large}img.refsheet{width:100%}@media only screen and (max-width: 900px){.responsive{width:49.99999%;margin:6px 0}div.art{display:inherit;justify-content:inherit}}@media only screen and (max-width: 700px){figure.small-image{width:100%}}@media only screen and (max-width: 500px){.responsive{width:100%}div.art{display:inherit;justify-content:inherit}a.webring-btn{min-width:40px;margin-right:.2em;margin-left:.2em}}.clearfix:after{content:"";display:table;clear:both}code{font-family:monospace;background-color:#d3d3d3;border:1px gray}@media(prefers-color-scheme: dark){:root{--body-bg: rgb(49, 49, 49);--main-bg: #191919;--menu-bg: #191919;--foot-bg: #191919;--btn-hov: #dba047;--btn-col: #ae4e26}code{background-color:#a9a9a9}div.gallery{border:5px double #a72f14}.main a{color:#dba047}.contact a,li,span,a.webring-btn,div.desc,p,h1,h2,h3,b,figcaption{color:#fff}}/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
diff --git a/_site/assets/css/styles.css.map b/_site/assets/css/styles.css.map
index 2a88ca1..1f736d6 100644
--- a/_site/assets/css/styles.css.map
+++ b/_site/assets/css/styles.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"CACA,WACE,2BACA,kBACA,gBACA,4DACA,2cAMA,kBAIF,WACE,2BACA,kBACA,gBACA,2DACA,ocAMA,kBAIF,WACE,gCACA,kBACA,gBACA,iEACA,sbAMA,kBAIF,WACE,gCACA,kBACA,gBACA,gEACA,ibAMA,kBAGF,MACE,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGF,EACE,2CAGF,EACE,uBACA,yBAGF,UACI,mBAGJ,SACI,oBAGJ,WACE,kBACA,gBACA,mBAGF,YACE,WACA,SACA,gBAGF,gBACE,WACA,gCACA,mBACA,mBAGF,mBACE,YACA,iBACA,WACA,eAGF,uBACE,WACA,YACA,kBAGF,8BACE,kBACA,eACA,eAGF,KAGE,gBACA,iBACA,aACA,gCAGF,eACE,wBACA,kBAGF,SACE,8BACA,iCACA,kBAGF,SACE,gCAGF,QACE,eACA,mBAGF,UACE,eAGF,QACE,aAGF,SACE,gCACA,YACA,mBACA,iBAGF,SACE,0BACA,mBACA,gBACA,cACA,iBACA,kBAGF,OACE,kBACA,kBACA,eAGF,SAEE,0BACA,aACA,kBACA,gBACA,kBACA,mBACA,eACA,YAGF,QACE,WACA,qBACA,kBACA,iBACA,iBACA,mBAGF,QACE,WACA,qBACA,kBACA,iBACA,gBACA,gBACA,kBACA,gCACA,qBACA,iBACA,mBACA,mBACA,gBAGF,mDACE,gCAGF,QACE,cAGF,cACE,qBAGF,YACE,kBAGF,WACE,WACA,qBACA,kBACA,kBACA,gCACA,aACA,iBACA,mBACA,kBAOF,cACE,WACA,qBACA,kBACA,kBACA,iBACA,eACA,kBACA,gCACA,qBACA,iBACA,mBAOF,YACE,oCACA,uCACA,iBACA,aACA,mBACA,YACA,8BACA,eAGF,cACE,WACA,eAGF,OAEE,0BACA,YACA,eACA,gBACA,kBACA,YACA,mBACA,eAGF,SACE,WAGF,uBACE,WAGF,sBACE,YAIF,0CACE,QACE,iBACA,eAGF,SACE,aACA,YAGF,KACE,eACA,iBAIJ,0CACE,QACE,kBACA,eACA,iBACA,kBAGF,6CACE,YAMJ,QACE,aACA,uBAGF,YACE,qCAGF,kBACE,0BAGF,gBACE,WACA,aACA,sBAGF,SACE,aACA,kBAGF,EACE,sBAGF,YACE,cACA,WACA,gBAGF,oBACE,aACA,sBACA,6BACA,kBAGF,wBACE,aACA,uBAEA,4BACE,YACA,UAIA,2EACA,2EACA,2EACA,2EAIA,wEACA,2EACA,2EAIA,2EACA,2EACA,2EACA,2EAIJ,0BACE,aACA,uBACA,mBACA,mBAEA,+BACE,UACA,eACA,kBACA,sBAIJ,oBACE,kBACA,gBAGF,aACE,WAGF,0CACE,YACE,gBACA,aAGF,QACE,gBACA,wBAEF,mBACE,YAIJ,0CACE,YACE,WAGF,QACE,gBACA,wBAGF,cACE,eACA,kBACA,kBAIJ,gBACE,WACA,cACA,WAGF,KACE,sBACA,yBACA,gBAGF,mCACE,MACE,2BACA,mBACA,mBACA,mBACA,mBACA,mBAGF,KACE,yBAGF,YACE,0BAGF,QACE,cAGF,kEACE","sourcesContent":["/* merriweather-regular - latin */\n@font-face {\n  font-family: 'Merriweather';\n  font-style: normal;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */\n  src: local('Merriweather Regular'), local('Merriweather-Regular'),\n       url('/assets/fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-italic - latin */\n@font-face {\n  font-family: 'Merriweather';\n  font-style: italic;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-v21-latin-italic.eot'); /* IE9 Compat Modes */\n  src: local('Merriweather Italic'), local('Merriweather-Italic'),\n       url('/assets/fonts/merriweather-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-italic.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-sans-regular - latin */\n@font-face {\n  font-family: 'Merriweather Sans';\n  font-style: normal;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */\n  src: local(''),\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-sans-italic - latin */\n@font-face {\n  font-family: 'Merriweather Sans';\n  font-style: italic;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */\n  src: local(''),\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n:root {\n  --body-bg: #9f9287;\n  --main-bg: #cdcac4; \n  --menu-bg: #2b2623;\n  --foot-bg: #2b2623; \n  --btn-col: #dba047; \n  --btn-hov: #ae4e26;\n}\n\n* {\n  font-family: Merriweather, Merriweather Sans; \n}\n\nq {\n  quotes: \"“\" \"”\" \"‘\" \"’\";\n  font-family: Merriweather;\n}\n\nq::before {\n    content: open-quote;\n}\n\nq::after {\n    content: close-quote;\n}\n\nfigcaption {\n  text-align: center;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\nfigure.main {\n  width: 100%;\n  margin: 0;\n  overflow: hidden;\n}\n\nfigure.main img {\n  width: 100%;\n  border: 3px var(--btn-hov) solid;\n  border-radius: 10px; \n  object-fit: contain;\n}\n\nfigure.small-image {\n  float: right;  \n  margin-left: 15px; \n  width: 35vw; \n  margin-right: 0;\n}\n\nfigure.small-image img {\n  width: 100%;\n  height: auto; \n  border-radius: 8px; \n}\n\nfigure.small-image figcaption {\n  text-align: center;\n  font-size: 0.8em;\n  margin-top: 5px;\n}\n\nbody {\n  /* border: 2px solid rgba(167, 47, 20, 1); */\n  /* border-radius: 25px; */\n  margin-left: 10%;\n  margin-right: 10%;\n  padding: 10px;\n  background-color: var(--body-bg);\n}\n\n.main h1, h2, h3 {\n  font-variant: small-caps;\n  padding: .3em .3em;\n}\n\n.main h1 {\n  border-top: 5px double rgba(167, 47, 20, 1);\n  border-bottom: 5px double rgba(167, 47, 20, 1);\n  text-align: center;\n}\n\n.main h2 {\n  border-bottom: 5px solid rgba(167, 47, 20, 1);\n}\n\n.main p {\n  font-size: 16px;\n  text-align: justify;\n}\n\n.main img {\n  max-width: 100%;\n}\n\ndiv.pfp {\n  padding: .5em;\n}\n\ndiv.main {\n  background-color: var(--main-bg);\n  padding: 2em;\n  border-radius: 10px;\n  min-height: 500px;\n}\n\n.pfp img {\n  border: 5px double rgba(167, 47, 20, 1);\n  border-radius: 10px;\n  max-width: 150px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.pfp p {\n  text-align: center;\n  font-style: italic;\n  font-size: 12px; \n}\n\ndiv.menu {\n  /* background: #ae4e26; */\n  background: var(--menu-bg); \n  padding: .5em;\n  margin-bottom: 2em;\n  overflow: hidden;\n  text-align: center;\n  border-radius: 10px;\n  min-height: 3em;\n  height: auto;\n}\n\n.menu p {\n  color: white;\n  text-decoration: none;\n  padding: .5em .5em; \n  margin-left: .5em;\n  text-align: right;\n  border-radius: 10px;\n}\n\n.menu a {\n  color: white;\n  text-decoration: none;\n  padding: .8em .8em;\n  margin-right: 1em;\n  margin-left: 1em;\n  min-width: 100px;\n  text-align: center;\n  background-color: var(--btn-col);\n  display:inline-block;\n  font-size: medium;\n  border-radius: 10px;\n  margin-bottom: .5em;\n  margin-top: .5em;\n}\n\n.menu a:hover, .contact a:hover, a.webring-btn:hover {\n  background-color: var(--btn-hov);\n}\n\n.main a {\n  color: #ae4e26;\n}\n\n.main a:hover {\n  text-decoration: none;\n}\n\ndiv.contact {\n  text-align: center;\n}\n\n.contact a {\n  color: white;\n  text-decoration: none;\n  padding: .8em .8em;\n  text-align: center;\n  background-color: var(--btn-col);\n  display:grid;\n  font-size: medium;\n  border-radius: 10px;\n  margin-bottom: 1em;\n}\n\n/*.contact a:last-child {\n  min-width: 94%;\n} */\n\na.webring-btn {\n  color: white;\n  text-decoration: none;\n  padding: .5em .5em;\n  margin-right: 0.5em;\n  margin-left: 0.5em;\n  min-width: 75px;\n  text-align: center;\n  background-color: var(--btn-col);\n  display: inline-block;\n  font-size: medium;\n  border-radius: 10px;\n}\n\ndiv.webring-btn-container {\n  \n}\n\ndiv.webring {\n  border-top: 2px solid var(--btn-hov);\n  border-bottom: 2px solid var(--btn-hov);\n  text-align: right;\n  display: flex;\n  align-items: center;\n  height: 50px;\n  justify-content: space-between;\n  margin-top: 5px;\n}\n\n.webring span {\n  float: left;\n  padding: auto 0;\n}\n\nfooter {\n  /* background: #ae4e26; */\n  background: var(--foot-bg); \n  padding: 1em;\n  margin-top: 2em;\n  overflow: hidden;\n  text-align: center;\n  height: auto;\n  border-radius: 10px;\n  min-height: 3em;\n}\n\nfooter p {\n  color: white;\n}\n\nfooter p:first-of-type {\n  float: left;\n}\n\nfooter p:last-of-type {\n  float: right;\n}\n\n/* Responsive design stuff */\n@media only screen and (max-width: 900px) {\n  .menu a {\n    font-size: medium;\n    min-width: 90px;\n  }\n\n  div.menu {\n    padding: .5em;\n    height: auto;\n  }\n\n  body {\n    margin-left: 5%;\n    margin-right: 5%;\n  }\n}\n\n@media only screen and (max-width: 700px) {\n  .menu a {\n    font-size: smaller;\n    min-width: 80px;\n    margin-left: 0.1em;\n    margin-right: 0.1em;\n  }\n\n  footer p:first-of-type, footer p:last-of-type {\n    float: none;\n  }\n}\n\n/* CSS gallery from w3schools.com */\n\ndiv.art {\n  display: flex;\n  justify-content: center;\n}\n\ndiv.gallery {\n  border: 5px double rgba(167, 47, 20, 0.3);\n}\n\ndiv.gallery:hover {\n  border: 5px double #dba047;\n}\n\ndiv.gallery img {\n  width: 100%;\n  height: 200px;\n  object-fit: scale-down;\n}\n\ndiv.desc {\n  padding: 10px;\n  text-align: center;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.responsive {\n  padding: 0 6px;\n  float: left;\n  width: 24.99999%;\n}\n\nsection.colour-cols {\n  display:flex;\n  flex-direction: column;\n  justify-content: space-around;\n  text-align: center;\n}\n\ndiv[class*=\"colour-col-\"] {\n  display: flex;\n  justify-content: center;\n\n  > div {\n    height: 75px;\n    width: 25%;\n  }\n\n  &[class*=\"1\"] {\n    :nth-child(1) { background-color: #2b2623; }\n    :nth-child(2) { background-color: #db9f47; }\n    :nth-child(3) { background-color: #ae4e26; }\n    :nth-child(4) { background-color: #a72f14; }\n  }\n\n  &[class*=\"2\"] {\n    :nth-child(1) { background-color: #ffffff; }\n    :nth-child(2) { background-color: #133042; }\n    :nth-child(3) { background-color: #2b2623; }\n  }\n\n  &[class*=\"3\"] {\n    :nth-child(1) { background-color: #c0b6ad; }\n    :nth-child(2) { background-color: #9f9387; }\n    :nth-child(3) { background-color: #2b2623; }\n    :nth-child(4) { background-color: #894518; }\n  }\n}\n\ndiv[class*=\"hex-code-col-\"] {\n  display: flex;\n  justify-content: center;\n  flex-direction: row;\n  margin-bottom: 15px;\n\n  > span {\n    width: 25%;\n    display: inline;\n    text-align: center;\n    font-family: monospace;\n  }\n}\n\nspan.colour-heading {\n  margin-bottom: 5px;\n  font-size: large;\n}\n\nimg.refsheet {\n  width: 100%;\n}\n\n@media only screen and (max-width: 700px) {\n  .responsive {\n    width: 49.99999%;\n    margin: 6px 0;\n  }\n  \n  div.art {\n    display: inherit;\n    justify-content: inherit\n  }\n  figure.small-image {\n    width: 100%; \n  }\n}\n\n@media only screen and (max-width: 500px) {\n  .responsive {\n    width: 100%;\n  }\n\n  div.art {\n    display: inherit;\n    justify-content: inherit\n  }\n\n  a.webring-btn {\n    min-width: 40px;\n    margin-right: 0.2em;\n    margin-left: 0.2em;\n  }\n}\n\n.clearfix:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\ncode {\n  font-family: monospace;\n  background-color: lightgrey;\n  border: 1px grey;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --body-bg: rgb(49, 49, 49);\n    --main-bg: #191919; \n    --menu-bg: #191919;\n    --foot-bg: #191919; \n    --btn-hov: #dba047; \n    --btn-col: #ae4e26;\n  }\n\n  code {\n    background-color: darkgray;\n  }\n\n  div.gallery {\n    border: 5px double rgba(167, 47, 20, 1);\n  }\n\n  .main a {\n    color: #dba047;\n  }\n\n  .contact a, li, span, a.webring-btn, div.desc, p, h1, h2, h3, b, figcaption  {\n    color: white; \n  }\n}"],"file":"styles.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"CACA,WACE,2BACA,kBACA,gBACA,4DACA,2cAMA,kBAIF,WACE,2BACA,kBACA,gBACA,2DACA,ocAMA,kBAIF,WACE,gCACA,kBACA,gBACA,iEACA,sbAMA,kBAIF,WACE,gCACA,kBACA,gBACA,gEACA,ibAMA,kBAGF,MACE,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGF,EACE,2CAGF,EACE,uBACA,yBAGF,UACI,mBAGJ,SACI,oBAGJ,WACE,kBACA,gBACA,mBAGF,YACE,WACA,SACA,gBAGF,gBACE,WACA,gCACA,mBACA,mBAGF,mBACE,YACA,iBACA,WACA,eAGF,uBACE,WACA,YACA,kBAGF,8BACE,kBACA,eACA,eAGF,KAGE,gBACA,iBACA,aACA,gCAGF,eACE,wBACA,kBAGF,SACE,8BACA,iCACA,kBAGF,SACE,gCAGF,QACE,eACA,mBAGF,UACE,eAGF,QACE,aAGF,SACE,gCACA,YACA,mBACA,iBAGF,SACE,0BACA,mBACA,gBACA,cACA,iBACA,kBAGF,OACE,kBACA,kBACA,eAGF,SAEE,0BACA,aACA,kBACA,gBACA,kBACA,mBACA,eACA,YAGF,QACE,WACA,qBACA,kBACA,iBACA,iBACA,mBAGF,QACE,WACA,qBACA,kBACA,iBACA,gBACA,gBACA,kBACA,gCACA,qBACA,iBACA,mBACA,mBACA,gBAGF,mDACE,gCAGF,QACE,cAGF,cACE,qBAGF,YACE,kBAGF,WACE,WACA,qBACA,kBACA,kBACA,gCACA,aACA,iBACA,mBACA,kBAOF,cACE,WACA,qBACA,kBACA,kBACA,iBACA,eACA,kBACA,gCACA,qBACA,iBACA,mBAOF,YACE,oCACA,uCACA,iBACA,aACA,mBACA,YACA,8BACA,eAGF,cACE,WACA,eAGF,OAEE,0BACA,YACA,eACA,gBACA,kBACA,YACA,mBACA,eAGF,SACE,WAGF,uBACE,WAGF,sBACE,YAIF,0CACE,QACE,iBACA,eAGF,SACE,aACA,YAGF,KACE,eACA,iBAIJ,0CACE,QACE,kBACA,eACA,iBACA,kBAGF,6CACE,YAMJ,QACE,aACA,uBAGF,YACE,qCAGF,kBACE,0BAGF,gBACE,WACA,aACA,sBAGF,SACE,aACA,kBAGF,EACE,sBAGF,YACE,cACA,WACA,gBAGF,oBACE,aACA,sBACA,6BACA,kBAGF,wBACE,aACA,uBAEA,4BACE,YACA,UAIA,2EACA,2EACA,2EACA,2EAIA,wEACA,2EACA,2EAIA,2EACA,2EACA,2EACA,2EAIJ,0BACE,aACA,uBACA,mBACA,mBAEA,+BACE,UACA,eACA,kBACA,sBAIJ,oBACE,kBACA,gBAGF,aACE,WAGF,0CACE,YACE,gBACA,aAGF,QACE,gBACA,yBAIJ,0CACE,mBACE,YAIJ,0CACE,YACE,WAGF,QACE,gBACA,wBAGF,cACE,eACA,kBACA,kBAIJ,gBACE,WACA,cACA,WAGF,KACE,sBACA,yBACA,gBAGF,mCACE,MACE,2BACA,mBACA,mBACA,mBACA,mBACA,mBAGF,KACE,yBAGF,YACE,0BAGF,QACE,cAGF,kEACE","sourcesContent":["/* merriweather-regular - latin */\n@font-face {\n  font-family: 'Merriweather';\n  font-style: normal;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */\n  src: local('Merriweather Regular'), local('Merriweather-Regular'),\n       url('/assets/fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-italic - latin */\n@font-face {\n  font-family: 'Merriweather';\n  font-style: italic;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-v21-latin-italic.eot'); /* IE9 Compat Modes */\n  src: local('Merriweather Italic'), local('Merriweather-Italic'),\n       url('/assets/fonts/merriweather-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-italic.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-sans-regular - latin */\n@font-face {\n  font-family: 'Merriweather Sans';\n  font-style: normal;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */\n  src: local(''),\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n/* merriweather-sans-italic - latin */\n@font-face {\n  font-family: 'Merriweather Sans';\n  font-style: italic;\n  font-weight: 400;\n  src: url('/assets/fonts/merriweather-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */\n  src: local(''),\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n  font-display: swap;\n}\n\n:root {\n  --body-bg: #9f9287;\n  --main-bg: #cdcac4; \n  --menu-bg: #2b2623;\n  --foot-bg: #2b2623; \n  --btn-col: #dba047; \n  --btn-hov: #ae4e26;\n}\n\n* {\n  font-family: Merriweather, Merriweather Sans; \n}\n\nq {\n  quotes: \"“\" \"”\" \"‘\" \"’\";\n  font-family: Merriweather;\n}\n\nq::before {\n    content: open-quote;\n}\n\nq::after {\n    content: close-quote;\n}\n\nfigcaption {\n  text-align: center;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\nfigure.main {\n  width: 100%;\n  margin: 0;\n  overflow: hidden;\n}\n\nfigure.main img {\n  width: 100%;\n  border: 3px var(--btn-hov) solid;\n  border-radius: 10px; \n  object-fit: contain;\n}\n\nfigure.small-image {\n  float: right;  \n  margin-left: 15px; \n  width: 35vw; \n  margin-right: 0;\n}\n\nfigure.small-image img {\n  width: 100%;\n  height: auto; \n  border-radius: 8px; \n}\n\nfigure.small-image figcaption {\n  text-align: center;\n  font-size: 0.8em;\n  margin-top: 5px;\n}\n\nbody {\n  /* border: 2px solid rgba(167, 47, 20, 1); */\n  /* border-radius: 25px; */\n  margin-left: 10%;\n  margin-right: 10%;\n  padding: 10px;\n  background-color: var(--body-bg);\n}\n\n.main h1, h2, h3 {\n  font-variant: small-caps;\n  padding: .3em .3em;\n}\n\n.main h1 {\n  border-top: 5px double rgba(167, 47, 20, 1);\n  border-bottom: 5px double rgba(167, 47, 20, 1);\n  text-align: center;\n}\n\n.main h2 {\n  border-bottom: 5px solid rgba(167, 47, 20, 1);\n}\n\n.main p {\n  font-size: 16px;\n  text-align: justify;\n}\n\n.main img {\n  max-width: 100%;\n}\n\ndiv.pfp {\n  padding: .5em;\n}\n\ndiv.main {\n  background-color: var(--main-bg);\n  padding: 2em;\n  border-radius: 10px;\n  min-height: 500px;\n}\n\n.pfp img {\n  border: 5px double rgba(167, 47, 20, 1);\n  border-radius: 10px;\n  max-width: 150px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.pfp p {\n  text-align: center;\n  font-style: italic;\n  font-size: 12px; \n}\n\ndiv.menu {\n  /* background: #ae4e26; */\n  background: var(--menu-bg); \n  padding: .5em;\n  margin-bottom: 2em;\n  overflow: hidden;\n  text-align: center;\n  border-radius: 10px;\n  min-height: 3em;\n  height: auto;\n}\n\n.menu p {\n  color: white;\n  text-decoration: none;\n  padding: .5em .5em; \n  margin-left: .5em;\n  text-align: right;\n  border-radius: 10px;\n}\n\n.menu a {\n  color: white;\n  text-decoration: none;\n  padding: .8em .8em;\n  margin-right: 1em;\n  margin-left: 1em;\n  min-width: 100px;\n  text-align: center;\n  background-color: var(--btn-col);\n  display:inline-block;\n  font-size: medium;\n  border-radius: 10px;\n  margin-bottom: .5em;\n  margin-top: .5em;\n}\n\n.menu a:hover, .contact a:hover, a.webring-btn:hover {\n  background-color: var(--btn-hov);\n}\n\n.main a {\n  color: #ae4e26;\n}\n\n.main a:hover {\n  text-decoration: none;\n}\n\ndiv.contact {\n  text-align: center;\n}\n\n.contact a {\n  color: white;\n  text-decoration: none;\n  padding: .8em .8em;\n  text-align: center;\n  background-color: var(--btn-col);\n  display:grid;\n  font-size: medium;\n  border-radius: 10px;\n  margin-bottom: 1em;\n}\n\n/*.contact a:last-child {\n  min-width: 94%;\n} */\n\na.webring-btn {\n  color: white;\n  text-decoration: none;\n  padding: .5em .5em;\n  margin-right: 0.5em;\n  margin-left: 0.5em;\n  min-width: 75px;\n  text-align: center;\n  background-color: var(--btn-col);\n  display: inline-block;\n  font-size: medium;\n  border-radius: 10px;\n}\n\ndiv.webring-btn-container {\n  \n}\n\ndiv.webring {\n  border-top: 2px solid var(--btn-hov);\n  border-bottom: 2px solid var(--btn-hov);\n  text-align: right;\n  display: flex;\n  align-items: center;\n  height: 50px;\n  justify-content: space-between;\n  margin-top: 5px;\n}\n\n.webring span {\n  float: left;\n  padding: auto 0;\n}\n\nfooter {\n  /* background: #ae4e26; */\n  background: var(--foot-bg); \n  padding: 1em;\n  margin-top: 2em;\n  overflow: hidden;\n  text-align: center;\n  height: auto;\n  border-radius: 10px;\n  min-height: 3em;\n}\n\nfooter p {\n  color: white;\n}\n\nfooter p:first-of-type {\n  float: left;\n}\n\nfooter p:last-of-type {\n  float: right;\n}\n\n/* Responsive design stuff */\n@media only screen and (max-width: 900px) {\n  .menu a {\n    font-size: medium;\n    min-width: 90px;\n  }\n\n  div.menu {\n    padding: .5em;\n    height: auto;\n  }\n\n  body {\n    margin-left: 5%;\n    margin-right: 5%;\n  }\n}\n\n@media only screen and (max-width: 700px) {\n  .menu a {\n    font-size: smaller;\n    min-width: 80px;\n    margin-left: 0.1em;\n    margin-right: 0.1em;\n  }\n\n  footer p:first-of-type, footer p:last-of-type {\n    float: none;\n  }\n}\n\n/* CSS gallery from w3schools.com */\n\ndiv.art {\n  display: flex;\n  justify-content: center;\n}\n\ndiv.gallery {\n  border: 5px double rgba(167, 47, 20, 0.3);\n}\n\ndiv.gallery:hover {\n  border: 5px double #dba047;\n}\n\ndiv.gallery img {\n  width: 100%;\n  height: 200px;\n  object-fit: scale-down;\n}\n\ndiv.desc {\n  padding: 10px;\n  text-align: center;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.responsive {\n  padding: 0 6px;\n  float: left;\n  width: 24.99999%;\n}\n\nsection.colour-cols {\n  display:flex;\n  flex-direction: column;\n  justify-content: space-around;\n  text-align: center;\n}\n\ndiv[class*=\"colour-col-\"] {\n  display: flex;\n  justify-content: center;\n\n  > div {\n    height: 75px;\n    width: 25%;\n  }\n\n  &[class*=\"1\"] {\n    :nth-child(1) { background-color: #2b2623; }\n    :nth-child(2) { background-color: #db9f47; }\n    :nth-child(3) { background-color: #ae4e26; }\n    :nth-child(4) { background-color: #a72f14; }\n  }\n\n  &[class*=\"2\"] {\n    :nth-child(1) { background-color: #ffffff; }\n    :nth-child(2) { background-color: #133042; }\n    :nth-child(3) { background-color: #2b2623; }\n  }\n\n  &[class*=\"3\"] {\n    :nth-child(1) { background-color: #c0b6ad; }\n    :nth-child(2) { background-color: #9f9387; }\n    :nth-child(3) { background-color: #2b2623; }\n    :nth-child(4) { background-color: #894518; }\n  }\n}\n\ndiv[class*=\"hex-code-col-\"] {\n  display: flex;\n  justify-content: center;\n  flex-direction: row;\n  margin-bottom: 15px;\n\n  > span {\n    width: 25%;\n    display: inline;\n    text-align: center;\n    font-family: monospace;\n  }\n}\n\nspan.colour-heading {\n  margin-bottom: 5px;\n  font-size: large;\n}\n\nimg.refsheet {\n  width: 100%;\n}\n\n@media only screen and (max-width: 900px) {\n  .responsive {\n    width: 49.99999%;\n    margin: 6px 0;\n  }\n  \n  div.art {\n    display: inherit;\n    justify-content: inherit\n  }\n}\n\n@media only screen and (max-width: 700px) {\n  figure.small-image {\n    width: 100%; \n  }\n}\n\n@media only screen and (max-width: 500px) {\n  .responsive {\n    width: 100%;\n  }\n\n  div.art {\n    display: inherit;\n    justify-content: inherit\n  }\n\n  a.webring-btn {\n    min-width: 40px;\n    margin-right: 0.2em;\n    margin-left: 0.2em;\n  }\n}\n\n.clearfix:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\ncode {\n  font-family: monospace;\n  background-color: lightgrey;\n  border: 1px grey;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --body-bg: rgb(49, 49, 49);\n    --main-bg: #191919; \n    --menu-bg: #191919;\n    --foot-bg: #191919; \n    --btn-hov: #dba047; \n    --btn-col: #ae4e26;\n  }\n\n  code {\n    background-color: darkgray;\n  }\n\n  div.gallery {\n    border: 5px double rgba(167, 47, 20, 1);\n  }\n\n  .main a {\n    color: #dba047;\n  }\n\n  .contact a, li, span, a.webring-btn, div.desc, p, h1, h2, h3, b, figcaption  {\n    color: white; \n  }\n}"],"file":"styles.css"}
\ No newline at end of file
diff --git a/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24.png b/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24.png
new file mode 100755
index 0000000..93dd0d7
Binary files /dev/null and b/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24.png differ
diff --git a/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg b/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg
new file mode 100644
index 0000000..bbedfe2
Binary files /dev/null and b/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg differ
diff --git a/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.png b/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.png
new file mode 100644
index 0000000..a5d9e58
Binary files /dev/null and b/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.png differ
diff --git a/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb2.jpg b/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb2.jpg
new file mode 100644
index 0000000..30cf8ce
Binary files /dev/null and b/_site/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb2.jpg differ
diff --git a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png
index 37ec096..b931785 100644
Binary files a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png and b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png differ
diff --git a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png
index 9581c99..8dbeac2 100644
Binary files a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png and b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png differ
diff --git a/_site/feed.xml b/_site/feed.xml
index f6d9fab..8757015 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.4">Jekyll</generator><link href="https://hexaitos.com/feed.xml" rel="self" type="application/atom+xml" /><link href="https://hexaitos.com/" rel="alternate" type="text/html" /><updated>2024-11-19T00:20:05+01:00</updated><id>https://hexaitos.com/feed.xml</id><title type="html">Hexaitos’ Personal Website</title><entry><title type="html">Asahi Linux on my base model M1 MacBook Air</title><link href="https://hexaitos.com/2024/11/19/asahi-on-m1-mba.html" rel="alternate" type="text/html" title="Asahi Linux on my base model M1 MacBook Air" /><published>2024-11-19T00:00:00+01:00</published><updated>2024-11-19T00:00:00+01:00</updated><id>https://hexaitos.com/2024/11/19/asahi-on-m1-mba</id><content type="html" xml:base="https://hexaitos.com/2024/11/19/asahi-on-m1-mba.html"><![CDATA[<figure class="main">
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.4">Jekyll</generator><link href="https://hexaitos.com/feed.xml" rel="self" type="application/atom+xml" /><link href="https://hexaitos.com/" rel="alternate" type="text/html" /><updated>2024-11-19T22:54:22+01:00</updated><id>https://hexaitos.com/feed.xml</id><title type="html">Hexaitos’ Personal Website</title><entry><title type="html">Asahi Linux on my base model M1 MacBook Air</title><link href="https://hexaitos.com/2024/11/19/asahi-on-m1-mba.html" rel="alternate" type="text/html" title="Asahi Linux on my base model M1 MacBook Air" /><published>2024-11-19T00:00:00+01:00</published><updated>2024-11-19T00:00:00+01:00</updated><id>https://hexaitos.com/2024/11/19/asahi-on-m1-mba</id><content type="html" xml:base="https://hexaitos.com/2024/11/19/asahi-on-m1-mba.html"><![CDATA[<figure class="main">
     <a target="_blank" href="/assets/images/blog_posts/asahi_mba_m1/20241118-WE2A1144.jpg">
       <img src="/assets/images/blog_posts/asahi_mba_m1/thumbnails/20241118-WE2A1144_2000w.jpg" alt="An opened MacBook Air M1 standing on a table. It is showing the desktop of KDE Plasma 6 with the floating task bar at the bottom. The desktop background is a bird of prey." />
     </a>
diff --git a/_site/index.html b/_site/index.html
index 0718b57..ae2b3d5 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -26,8 +26,8 @@
 
     <div class="main">
         <div class="pfp">
-            <img src="/assets/images/Hexaitos/FaultyArts/hexaitos_icon_small.png" width="150px" height="150px" alt="A drawing of the head of an anthropomorphic bateleur eagle." loading="lazy">
-            <p>A headshot of me!<br> Made by FaultyArts</p>
+            <img src="assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg" width="150px" height="150px" alt="A stylised painting of the head and part of the upper body of an anthropomorphic bateleur eagle. The image is square." loading="lazy">
+            <p>A headshot of me!<br> Made by Babanasaur</p>
         </div>
 
         <div style="text-align: center;">
diff --git a/_site/sitemap.xml b/_site/sitemap.xml
index b66b3c1..49bf89f 100644
--- a/_site/sitemap.xml
+++ b/_site/sitemap.xml
@@ -4,7 +4,7 @@
   <url>
     <loc>https://hexaitos.com/art.html</loc>
     
-      <lastmod>2024-11-19T00:20:05+01:00</lastmod>
+      <lastmod>2024-11-19T22:54:22+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -13,7 +13,7 @@
   <url>
     <loc>https://hexaitos.com/blog.html</loc>
     
-      <lastmod>2024-11-19T00:20:05+01:00</lastmod>
+      <lastmod>2024-11-19T22:54:22+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -22,7 +22,7 @@
   <url>
     <loc>https://hexaitos.com/contact.html</loc>
     
-      <lastmod>2024-11-19T00:20:05+01:00</lastmod>
+      <lastmod>2024-11-19T22:54:22+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -31,7 +31,7 @@
   <url>
     <loc>https://hexaitos.com/</loc>
     
-      <lastmod>2024-11-19T00:20:05+01:00</lastmod>
+      <lastmod>2024-11-19T22:54:22+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -40,7 +40,7 @@
   <url>
     <loc>https://hexaitos.com/refsheet.html</loc>
     
-      <lastmod>2024-11-19T00:20:05+01:00</lastmod>
+      <lastmod>2024-11-19T22:54:22+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -49,7 +49,7 @@
   <url>
     <loc>https://hexaitos.com/sitemap.xml</loc>
     
-      <lastmod>2024-11-19T00:20:05+01:00</lastmod>
+      <lastmod>2024-11-19T22:54:22+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -58,7 +58,7 @@
   <url>
     <loc>https://hexaitos.com/assets/css/styles.css</loc>
     
-      <lastmod>2024-11-19T00:20:05+01:00</lastmod>
+      <lastmod>2024-11-19T22:54:22+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
@@ -67,7 +67,7 @@
   <url>
     <loc>https://hexaitos.com/feed.xml</loc>
     
-      <lastmod>2024-11-19T00:20:05+01:00</lastmod>
+      <lastmod>2024-11-19T22:54:22+01:00</lastmod>
     
     <changefreq>monthly</changefreq>
     <priority>0.3</priority>
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index eea435c..d7597c6 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -438,7 +438,7 @@ img.refsheet {
   width: 100%;
 }
 
-@media only screen and (max-width: 700px) {
+@media only screen and (max-width: 900px) {
   .responsive {
     width: 49.99999%;
     margin: 6px 0;
@@ -448,6 +448,9 @@ img.refsheet {
     display: inherit;
     justify-content: inherit
   }
+}
+
+@media only screen and (max-width: 700px) {
   figure.small-image {
     width: 100%; 
   }
diff --git a/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24.png b/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24.png
new file mode 100755
index 0000000..93dd0d7
Binary files /dev/null and b/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24.png differ
diff --git a/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg b/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg
new file mode 100644
index 0000000..bbedfe2
Binary files /dev/null and b/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.jpg differ
diff --git a/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.png b/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.png
new file mode 100644
index 0000000..a5d9e58
Binary files /dev/null and b/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb.png differ
diff --git a/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb2.jpg b/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb2.jpg
new file mode 100644
index 0000000..30cf8ce
Binary files /dev/null and b/assets/images/Hexaitos/Babanasaur/headshot-hexaitos-24_thumb2.jpg differ