{"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"}