From f12bd0b2836f23872944c989369cc8961cf34af1 Mon Sep 17 00:00:00 2001 From: prettysunflower Date: Thu, 3 Jul 2025 14:49:06 -0400 Subject: [PATCH] Changed homepage background image --- baseTemplates/templates/base.tmpl | 2 +- static/static/css/index.scss | 259 ++++++++++++++++-------------- static/static/css/style.css | 2 +- static/static/css/style.css.map | 2 +- 4 files changed, 141 insertions(+), 124 deletions(-) diff --git a/baseTemplates/templates/base.tmpl b/baseTemplates/templates/base.tmpl index 7521c35..0b12151 100644 --- a/baseTemplates/templates/base.tmpl +++ b/baseTemplates/templates/base.tmpl @@ -4,7 +4,7 @@ - + diff --git a/static/static/css/index.scss b/static/static/css/index.scss index c325756..34b3159 100644 --- a/static/static/css/index.scss +++ b/static/static/css/index.scss @@ -2,136 +2,153 @@ @use "colors"; .page-index { - header { + header { + width: 100%; + height: 75vh; + background-image: url('https://kakigoori.dev/752fbeb0-b181-4ed5-bd08-f622c3fb52f4/width/2560/auto'); + background-size: cover; + background-position: left center; + position: relative; + + nav { + position: absolute; + bottom: 0; + left: 0; + right: 0; + display: flex; + justify-content: center; + align-items: center; + padding: 1rem; + background-color: transparent; + margin: 0; + width: auto; + font-size: 1.2rem; + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + + // https://www.tyleo.com/guides/html-glass + box-shadow: /* Bottom and right depth effect */ + inset -0.75px -0.5px rgba(255, 255, 255, 0.1), + /* Top and left depth effect */ + inset 0.75px 0.5px rgba(255, 255, 255, 0.025), + /* Shadow effect */ + 3px 2px 10px rgba(0, 0, 0, 0.25), + /* Short subsurface effect */ + inset 0px 0px 10px 5px rgba(255, 255, 255, 0.025), + /* Long subsurface effect */ + inset 0px 0px 40px 5px rgba(255, 255, 255, 0.025); + + a, a:hover, a:focus, a:active, a:visited { + color: white; + } + + & > div { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + gap: 1rem; width: 100%; - height: 75vh; - background-image: url('https://kakigoori.dev/1c81ddd9-5cc3-4ae0-b701-5d40453b09f3/width/2560/auto'); - background-size: cover; - background-position: center bottom; - position: relative; + max-width: 80%; - nav { - position: absolute; - bottom: 0; - left: 0; - right: 0; - display: flex; - justify-content: center; - align-items: center; - padding: 1rem; - background-color: oklch(from colors.$background-color l c h / 0.5); - backdrop-filter: blur(12px); - margin: 0; - width: auto; - font-size: 1.2rem; - - & > div { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - gap: 1rem; - width: 100%; - max-width: 80%; - - @media screen and (max-width: 992px) { - flex-direction: column; - align-items: center; - } - - img { - height: 3em; - border-radius: 50%; - } - - & > div:first-child { - display: flex; - justify-content: center; - align-items: center; - gap: 1rem; - font-weight: 700; - font-size: 1.5rem !important; - } - - & > div:last-child { - display: flex; - justify-content: center; - align-items: center; - gap: 1rem; - flex-wrap: wrap; - } - } + @media screen and (max-width: 992px) { + flex-direction: column; + align-items: center; } + + img { + height: 3em; + border-radius: 50%; + } + + & > div:first-child { + display: flex; + justify-content: center; + align-items: center; + gap: 1rem; + font-weight: 700; + font-size: 1.5rem !important; + } + + & > div:last-child { + display: flex; + justify-content: center; + align-items: center; + gap: 1rem; + flex-wrap: wrap; + } + } + } + } + + main { + margin-top: 2rem; + margin-bottom: 2rem; + + #presentation { + margin-bottom: 2rem; + + .image-container { + display: flex; + justify-content: center; + align-items: center; + + img { + max-height: 500px; + max-width: 100%; + object-fit: contain; + border-radius: 1rem; + } + } + + @media screen and (max-width: 768px) { + flex-direction: column; + } } - main { - margin-top: 2rem; - margin-bottom: 2rem; + #on-the-internet { + img { + max-height: 1em; + } - #presentation { - margin-bottom: 2rem; - - .image-container { - display: flex; - justify-content: center; - align-items: center; - - img { - max-height: 500px; - max-width: 100%; - object-fit: contain; - border-radius: 1rem; - } - } - - @media screen and (max-width: 768px) { - flex-direction: column; - } + .columns { + @media (max-width: 768px) { + flex-direction: column; + gap: 0; } + } - #on-the-internet { - img { - max-height: 1em; - } - - .columns { - @media (max-width: 768px) { - flex-direction: column; - gap: 0; - } - } - - .columns > div > div { - display: flex; - flex-direction: column; - } - } - - #main-projects { - & > div { - display: flex; - gap: 2rem; - flex-wrap: wrap; - align-items: center; - - img { - width: 200px; - max-width: 100%; - object-fit: contain; - } - - & > div { - flex: 1; - } - - @media screen and (max-width: 768px) { - flex-direction: column; - align-items: center; - } - } - } + .columns > div > div { + display: flex; + flex-direction: column; + } } - hr { - @include layout.light-hr; + #main-projects { + & > div { + display: flex; + gap: 2rem; + flex-wrap: wrap; + align-items: center; + + img { + width: 200px; + max-width: 100%; + object-fit: contain; + } + + & > div { + flex: 1; + } + + @media screen and (max-width: 768px) { + flex-direction: column; + align-items: center; + } + } } + } + + hr { + @include layout.light-hr; + } } \ No newline at end of file diff --git a/static/static/css/style.css b/static/static/css/style.css index a2d8415..783aec5 100644 --- a/static/static/css/style.css +++ b/static/static/css/style.css @@ -1 +1 @@ -.columns{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly}.columns>*{flex:1}.max-80{max-width:80vw;margin-left:auto;margin-right:auto}nav{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 0;background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.05) c h)}nav img{height:4rem;border-radius:50%}nav>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;width:100%;max-width:80vw}@media screen and (max-width: 992px){nav>div{flex-direction:column;align-items:center}}nav>div img{height:3em;border-radius:50%}nav>div a{color:#000}nav>div a[href="/"]{text-decoration:none}nav>div a:visited{color:#000}nav>div>div:first-child{display:flex;justify-content:center;align-items:center;gap:1rem;font-weight:700;font-size:1.5rem}nav>div>div:last-child{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.post{margin-bottom:2rem}.post main img{max-width:100%}.page-keys main{margin-bottom:2rem}.page-keys h2:has(+p){margin-bottom:0}.page-keys h2+p{margin-top:.25rem}.page-keys .key{width:100%;display:flex;justify-content:center;align-items:stretch}.page-keys .key input,.page-keys .key textarea{background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.1) c h);border:none;padding:1rem;width:100%;line-height:2em;line-break:anywhere;resize:none}.page-keys .key input:focus-visible,.page-keys .key input:focus,.page-keys .key textarea:focus-visible,.page-keys .key textarea:focus{outline:none}.page-keys .key button{background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.2) c h);border:0;padding:1rem;width:auto;cursor:pointer}.page-keys .key button:hover{background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.25) c h)}.page-keys .key button:active{background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.3) c h)}.page-keys .key button img{height:1.5em}footer .image-block{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}footer .image-block img{height:31px}@font-face{font-family:"Open Sans";src:local("Open Sans"),url("/static/fonts/OpenSans.woff2") format("woff2"),url("/static/fonts/OpenSans.ttf") format("TrueType")}@font-face{font-family:"Open Sans";font-style:italic;src:local("Open Sans Italic"),url("/static/fonts/OpenSansItalic.woff2") format("woff2"),url("/static/fonts/OpenSansItalic.ttf") format("TrueType")}body{font-family:"Open Sans",apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background-color:oklch(.97 .0261 90.1);margin:0}.page-index header{width:100%;height:75vh;background-image:url("https://kakigoori.dev/1c81ddd9-5cc3-4ae0-b701-5d40453b09f3/width/2560/auto");background-size:cover;background-position:center bottom;position:relative}.page-index header nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:1rem;background-color:oklch(from oklch(97% 0.0261 90.1deg) l c h/0.5);backdrop-filter:blur(12px);margin:0;width:auto;font-size:1.2rem}.page-index header nav>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;width:100%;max-width:80%}@media screen and (max-width: 992px){.page-index header nav>div{flex-direction:column;align-items:center}}.page-index header nav>div img{height:3em;border-radius:50%}.page-index header nav>div>div:first-child{display:flex;justify-content:center;align-items:center;gap:1rem;font-weight:700;font-size:1.5rem !important}.page-index header nav>div>div:last-child{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.page-index main{margin-top:2rem;margin-bottom:2rem}.page-index main #presentation{margin-bottom:2rem}.page-index main #presentation .image-container{display:flex;justify-content:center;align-items:center}.page-index main #presentation .image-container img{max-height:500px;max-width:100%;object-fit:contain;border-radius:1rem}@media screen and (max-width: 768px){.page-index main #presentation{flex-direction:column}}.page-index main #on-the-internet img{max-height:1em}@media(max-width: 768px){.page-index main #on-the-internet .columns{flex-direction:column;gap:0}}.page-index main #on-the-internet .columns>div>div{display:flex;flex-direction:column}.page-index main #main-projects>div{display:flex;gap:2rem;flex-wrap:wrap;align-items:center}.page-index main #main-projects>div img{width:200px;max-width:100%;object-fit:contain}.page-index main #main-projects>div>div{flex:1}@media screen and (max-width: 768px){.page-index main #main-projects>div{flex-direction:column;align-items:center}}.page-index hr{border:.5px solid oklch(.75 0 0)}.page-regio43 .video-zone{display:flex;justify-content:center;align-items:center;padding:1rem}.page-regio43 .video-zone #video-player{aspect-ratio:16/9;max-width:80%;max-height:50vh;width:100%}.page-regio43 h1{padding:0 1rem;text-align:center}.page-regio43 main{display:grid;gap:1rem;padding:1rem;grid-template-columns:repeat(4, 1fr)}.page-regio43 main>div img{width:100%}.page-regio43 main>div.active{background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.05) c h)}.page-regio43 main>div p{margin:.5em}.page-regio43 main>div p a{text-decoration:none;color:#000}@media screen and (max-width: 992px){.page-regio43 main{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 768px){.page-regio43 main{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 576px){.page-regio43 main{grid-template-columns:1fr}}/*# sourceMappingURL=style.css.map */ +.columns{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly}.columns>*{flex:1}.max-80{max-width:80vw;margin-left:auto;margin-right:auto}nav{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 0;background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.05) c h)}nav img{height:4rem;border-radius:50%}nav>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;width:100%;max-width:80vw}@media screen and (max-width: 992px){nav>div{flex-direction:column;align-items:center}}nav>div img{height:3em;border-radius:50%}nav>div a{color:#000}nav>div a[href="/"]{text-decoration:none}nav>div a:visited{color:#000}nav>div>div:first-child{display:flex;justify-content:center;align-items:center;gap:1rem;font-weight:700;font-size:1.5rem}nav>div>div:last-child{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.post{margin-bottom:2rem}.post main img{max-width:100%}.page-keys main{margin-bottom:2rem}.page-keys h2:has(+p){margin-bottom:0}.page-keys h2+p{margin-top:.25rem}.page-keys .key{width:100%;display:flex;justify-content:center;align-items:stretch}.page-keys .key input,.page-keys .key textarea{background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.1) c h);border:none;padding:1rem;width:100%;line-height:2em;line-break:anywhere;resize:none}.page-keys .key input:focus-visible,.page-keys .key input:focus,.page-keys .key textarea:focus-visible,.page-keys .key textarea:focus{outline:none}.page-keys .key button{background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.2) c h);border:0;padding:1rem;width:auto;cursor:pointer}.page-keys .key button:hover{background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.25) c h)}.page-keys .key button:active{background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.3) c h)}.page-keys .key button img{height:1.5em}footer .image-block{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}footer .image-block img{height:31px}@font-face{font-family:"Open Sans";src:local("Open Sans"),url("/static/fonts/OpenSans.woff2") format("woff2"),url("/static/fonts/OpenSans.ttf") format("TrueType")}@font-face{font-family:"Open Sans";font-style:italic;src:local("Open Sans Italic"),url("/static/fonts/OpenSansItalic.woff2") format("woff2"),url("/static/fonts/OpenSansItalic.ttf") format("TrueType")}body{font-family:"Open Sans",apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background-color:oklch(.97 .0261 90.1);margin:0}.page-index header{width:100%;height:75vh;background-image:url("https://kakigoori.dev/752fbeb0-b181-4ed5-bd08-f622c3fb52f4/width/2560/auto");background-size:cover;background-position:left center;position:relative}.page-index header nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:1rem;background-color:rgba(0,0,0,0);margin:0;width:auto;font-size:1.2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset -0.75px -0.5px hsla(0,0%,100%,.1),inset .75px .5px hsla(0,0%,100%,.025),3px 2px 10px rgba(0,0,0,.25),inset 0px 0px 10px 5px hsla(0,0%,100%,.025),inset 0px 0px 40px 5px hsla(0,0%,100%,.025)}.page-index header nav a,.page-index header nav a:hover,.page-index header nav a:focus,.page-index header nav a:active,.page-index header nav a:visited{color:#fff}.page-index header nav>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;width:100%;max-width:80%}@media screen and (max-width: 992px){.page-index header nav>div{flex-direction:column;align-items:center}}.page-index header nav>div img{height:3em;border-radius:50%}.page-index header nav>div>div:first-child{display:flex;justify-content:center;align-items:center;gap:1rem;font-weight:700;font-size:1.5rem !important}.page-index header nav>div>div:last-child{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.page-index main{margin-top:2rem;margin-bottom:2rem}.page-index main #presentation{margin-bottom:2rem}.page-index main #presentation .image-container{display:flex;justify-content:center;align-items:center}.page-index main #presentation .image-container img{max-height:500px;max-width:100%;object-fit:contain;border-radius:1rem}@media screen and (max-width: 768px){.page-index main #presentation{flex-direction:column}}.page-index main #on-the-internet img{max-height:1em}@media(max-width: 768px){.page-index main #on-the-internet .columns{flex-direction:column;gap:0}}.page-index main #on-the-internet .columns>div>div{display:flex;flex-direction:column}.page-index main #main-projects>div{display:flex;gap:2rem;flex-wrap:wrap;align-items:center}.page-index main #main-projects>div img{width:200px;max-width:100%;object-fit:contain}.page-index main #main-projects>div>div{flex:1}@media screen and (max-width: 768px){.page-index main #main-projects>div{flex-direction:column;align-items:center}}.page-index hr{border:.5px solid oklch(.75 0 0)}.page-regio43 .video-zone{display:flex;justify-content:center;align-items:center;padding:1rem}.page-regio43 .video-zone #video-player{aspect-ratio:16/9;max-width:80%;max-height:50vh;width:100%}.page-regio43 h1{padding:0 1rem;text-align:center}.page-regio43 main{display:grid;gap:1rem;padding:1rem;grid-template-columns:repeat(4, 1fr)}.page-regio43 main>div img{width:100%}.page-regio43 main>div.active{background-color:oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.05) c h)}.page-regio43 main>div p{margin:.5em}.page-regio43 main>div p a{text-decoration:none;color:#000}@media screen and (max-width: 992px){.page-regio43 main{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 768px){.page-regio43 main{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 576px){.page-regio43 main{grid-template-columns:1fr}}/*# sourceMappingURL=style.css.map */ diff --git a/static/static/css/style.css.map b/static/static/css/style.css.map index 89ae56f..7237318 100644 --- a/static/static/css/style.css.map +++ b/static/static/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["layout.scss","fonts.scss","body.scss","colors.scss","index.scss","radio.scss"],"names":[],"mappings":"AAEA,SACI,aACA,eACA,SACA,6BAEA,WACI,OAIR,QACI,eACA,iBACA,kBAOJ,IACI,aACA,uBACA,mBACA,WACA,eACA,0EAEA,QACI,YACA,kBAGJ,QACI,aACA,eACA,8BACA,SACA,WACA,eAEA,qCARJ,QASQ,sBACA,oBAGJ,YACI,WACA,kBAGJ,UACI,WAEA,oBACI,qBAGJ,kBACI,WAIR,wBACI,aACA,uBACA,mBACA,SACA,gBACA,iBAGJ,uBACI,aACA,uBACA,mBACA,SACA,eAKZ,MAOI,mBALI,eACI,eAQR,gBACI,mBAGJ,sBACI,gBAGJ,gBACI,kBAGJ,gBACI,WACA,aACA,uBACA,oBAEA,+CACI,yEACA,YACA,aACA,WACA,gBACA,oBACA,YAEA,sIACI,aAIR,uBACI,yEACA,SACA,aACA,WACA,eAEA,6BACI,0EAGJ,8BACI,yEAGJ,2BACI,aAMhB,oBACI,aACA,eACA,uBACA,mBACA,SACA,mBAEA,wBACI,YC/JR,WACE,wBACA,IACE,4HAKJ,WACE,wBACA,kBACA,IACE,+ICTJ,KACI,YDcS,gJCbT,iBCLe,sBDMf,SEFA,mBACI,WACA,YACA,mGACA,sBACA,kCACA,kBAEA,uBACI,kBACA,SACA,OACA,QACA,aACA,uBACA,mBACA,aACA,iEACA,2BACA,SACA,WACA,iBAEA,2BACI,aACA,eACA,8BACA,SACA,WACA,cAEA,qCARJ,2BASQ,sBACA,oBAGJ,+BACI,WACA,kBAGJ,2CACI,aACA,uBACA,mBACA,SACA,gBACA,4BAGJ,0CACI,aACA,uBACA,mBACA,SACA,eAMhB,iBACI,gBACA,mBAEA,+BACI,mBAEA,gDACI,aACA,uBACA,mBAEA,oDACI,iBACA,eACA,mBACA,mBAIR,qCAhBJ,+BAiBQ,uBAKJ,sCACI,eAIA,yBADJ,2CAEQ,sBACA,OAIR,mDACI,aACA,sBAKJ,oCACI,aACA,SACA,eACA,mBAEA,wCACI,YACA,eACA,mBAGJ,wCACI,OAGJ,qCAhBJ,oCAiBQ,sBACA,oBAMhB,eJjHA,iCKjBA,0BACI,aACA,uBACA,mBACA,aAEA,wCACI,kBACA,cACA,gBACA,WAIR,iBACI,eACA,kBAGJ,mBACI,aACA,SACA,aACA,qCAGI,2BACI,WAGJ,8BACI,0EAGJ,yBACI,YAEA,2BACI,qBACA,WAKZ,qCAzBJ,mBA0BQ,sCAGJ,qCA7BJ,mBA8BQ,sCAGJ,qCAjCJ,mBAkCQ","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["layout.scss","fonts.scss","body.scss","colors.scss","index.scss","radio.scss"],"names":[],"mappings":"AAEA,SACI,aACA,eACA,SACA,6BAEA,WACI,OAIR,QACI,eACA,iBACA,kBAOJ,IACI,aACA,uBACA,mBACA,WACA,eACA,0EAEA,QACI,YACA,kBAGJ,QACI,aACA,eACA,8BACA,SACA,WACA,eAEA,qCARJ,QASQ,sBACA,oBAGJ,YACI,WACA,kBAGJ,UACI,WAEA,oBACI,qBAGJ,kBACI,WAIR,wBACI,aACA,uBACA,mBACA,SACA,gBACA,iBAGJ,uBACI,aACA,uBACA,mBACA,SACA,eAKZ,MAOI,mBALI,eACI,eAQR,gBACI,mBAGJ,sBACI,gBAGJ,gBACI,kBAGJ,gBACI,WACA,aACA,uBACA,oBAEA,+CACI,yEACA,YACA,aACA,WACA,gBACA,oBACA,YAEA,sIACI,aAIR,uBACI,yEACA,SACA,aACA,WACA,eAEA,6BACI,0EAGJ,8BACI,yEAGJ,2BACI,aAMhB,oBACI,aACA,eACA,uBACA,mBACA,SACA,mBAEA,wBACI,YC/JR,WACE,wBACA,IACE,4HAKJ,WACE,wBACA,kBACA,IACE,+ICTJ,KACI,YDcS,gJCbT,iBCLe,sBDMf,SEFF,mBACE,WACA,YACA,mGACA,sBACA,gCACA,kBAEA,uBACE,kBACA,SACA,OACA,QACA,aACA,uBACA,mBACA,aACA,+BACA,SACA,WACA,iBACA,2BACA,mCAGA,WACQ,mMAUR,wJACE,WAGF,2BACE,aACA,eACA,8BACA,SACA,WACA,cAEA,qCARF,2BASI,sBACA,oBAGF,+BACE,WACA,kBAGF,2CACE,aACA,uBACA,mBACA,SACA,gBACA,4BAGF,0CACE,aACA,uBACA,mBACA,SACA,eAMR,iBACE,gBACA,mBAEA,+BACE,mBAEA,gDACE,aACA,uBACA,mBAEA,oDACE,iBACA,eACA,mBACA,mBAIJ,qCAhBF,+BAiBI,uBAKF,sCACE,eAIA,yBADF,2CAEI,sBACA,OAIJ,mDACE,aACA,sBAKF,oCACE,aACA,SACA,eACA,mBAEA,wCACE,YACA,eACA,mBAGF,wCACE,OAGF,qCAhBF,oCAiBI,sBACA,oBAMR,eJlIE,iCKjBA,0BACI,aACA,uBACA,mBACA,aAEA,wCACI,kBACA,cACA,gBACA,WAIR,iBACI,eACA,kBAGJ,mBACI,aACA,SACA,aACA,qCAGI,2BACI,WAGJ,8BACI,0EAGJ,yBACI,YAEA,2BACI,qBACA,WAKZ,qCAzBJ,mBA0BQ,sCAGJ,qCA7BJ,mBA8BQ,sCAGJ,qCAjCJ,mBAkCQ","file":"style.css"} \ No newline at end of file