diff --git a/counter.txt b/counter.txt index a3090d2..fb35181 100644 --- a/counter.txt +++ b/counter.txt @@ -1 +1 @@ -168 \ No newline at end of file +197 \ No newline at end of file diff --git a/hi2-calc.php b/hi2-calc.php new file mode 100644 index 0000000..ac19fd5 --- /dev/null +++ b/hi2-calc.php @@ -0,0 +1,89 @@ +

horse isle 2 stat calculator

+ +

First number is base (white number), second is genetic (number within parenthesis).

+ +
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ +
+ + +
+
+ +
+ +

results

+ +base:
+genetic: + + \ No newline at end of file diff --git a/nav-horseisle.php b/nav-horseisle.php new file mode 100644 index 0000000..0a0dc4b --- /dev/null +++ b/nav-horseisle.php @@ -0,0 +1,3 @@ +

horse isle 2

+ +stat calculator \ No newline at end of file diff --git a/nav.php b/nav.php index f34dc82..3e76f22 100644 --- a/nav.php +++ b/nav.php @@ -3,6 +3,7 @@ index update archive collections +horse isle 2 hosting info about the small web diff --git a/style/style.css b/style/style.css index 0fe1d66..4e03660 100644 --- a/style/style.css +++ b/style/style.css @@ -1,421 +1 @@ -/* IMPORTS -------------------------------------------------------------------------------------- */ -@import url("https://fonts.googleapis.com/css2?family=Imprima&display=swap"); -@font-face { - font-family: basiic; - src: url(basiic.ttf); -} -/* GLOBAL --------------------------------------------------------------------------------------- */ -html { - background-image: url(img/bg.png); - background-color: #f1c8fe; - height: 100vh; - width: 100vw; - display: flex; - justify-content: center; - align-items: center; - cursor: url(img/cursor.png), auto; -} -html a[href] { - cursor: url(img/cursor.png), auto; -} - -body { - font-family: imprima; - font-size: 14px; - width: 60%; - height: 70%; - display: grid; - gap: 10px; - grid-gap: 10px; - grid-template-columns: 20% auto 20%; - grid-template-rows: 15% 85%; - grid-template-areas: "head head head" "side main nav"; -} - -.divide { - display: block; - margin: 15px auto; - content: url(img/divide.gif); -} - -/* TEXT ----------------------------------------------------------------------------------------- */ -a { - color: #fa829e; - text-decoration: none; -} -a:hover { - text-decoration: line-through; -} -a:visited { - color: #e496fd; -} - -p { - margin-bottom: 10px; -} - -b { - color: #fa829e; -} - -i { - color: #e496fd; - font-style: italic; -} - -.center-block { - display: block; - text-align: center; -} - -.center { - text-align: center; -} - -img { - max-width: 100%; -} - -h3 { - display: block; - text-align: center; - padding-bottom: 10px; - text-transform: uppercase; - color: #fa829e; -} -h3::before, h3::after { - content: url(img/bow.gif); - margin: 0 5px; -} - -ul { - list-style-image: url(img/bullet.gif); - list-style-position: inside; - margin-bottom: 10px; -} - -/* CLOUD BOX ------------------------------------------------------------------------------------ */ -.u01 { - background: url(img/lace/f-ue.gif) repeat-x; - height: 18px; - margin: 0 18px 0 19px; -} - -.s01 { - background: url(img/lace/f-sita.gif) repeat-x; - height: 19px; - margin: 0 18px 0 19px; -} - -.box-top { - background-image: url(img/lace/f-kado1.gif), url(img/lace/f-kado2.gif); - background-position: top left, top right; - background-repeat: no-repeat, no-repeat; - height: 18px; -} - -.box-center { - background-image: url(img/lace/f-migi.gif), url(img/lace/f-hidari.gif); - background-position: top right, top left; - background-repeat: repeat-y, repeat-y; -} - -.box-inner { - background: #fff; - margin: 0 18px 0 19px; -} - -.box-bottom { - background-image: url(img/lace/f-kado3.gif), url(img/lace/f-kado4.gif); - background-position: top left, top right; - background-repeat: no-repeat, no-repeat; - height: 19px; -} - -/* EMOTES --------------------------------------------------------------------------------------- */ -i.angry { - content: url(img/emote/angry.gif); - margin: 0 2px; -} - -i.annoyed { - content: url(img/emote/annoyed.gif); - margin: 0 2px; -} - -i.love { - content: url(img/emote/love.gif); - margin: 0 2px; -} - -i.sick { - content: url(img/emote/sick.gif); - margin: 0 2px; -} - -i.smile { - content: url(img/emote/smile.gif); - margin: 0 2px; -} - -/* HEADER --------------------------------------------------------------------------------------- */ -header { - grid-area: head; - text-align: right; -} -header img { - height: 100%; -} - -/* SIDEBAR -------------------------------------------------------------------------------------- */ -aside { - grid-area: side; -} -aside h2 { - font-size: 14px; - font-style: italic; - margin: 20px 0 5px 0; - display: flex; -} -aside h2:first-child { - margin-top: 0; -} -aside h2 .h2-line { - background-image: url(img/heart-right.gif); - background-repeat: repeat-x; - background-position-x: right; - background-position-y: center; - margin-left: 5px; - min-height: 8px; - flex-grow: 1; -} -aside #side1 p { - margin-bottom: 0; -} -aside #side1 p::before { - content: url(img/point-right.gif); - padding-right: 5px; -} - -/* SIDE2 ---------------------------------------------------------------------------------------- */ -#side2 { - margin-top: 10px; -} - -#rings { - text-align: center; -} -#rings > div { - padding-top: 5px; -} - -#rings img { - padding: 0 5px; -} - -#badges { - padding-bottom: 5px; -} - -#yesterweb { - margin-top: 10px; -} - -#yesterweb, .yw-widget-text, .yw-widget, .yw-link-rand, .yw-link { - font-family: Imprima, serif !important; - font-weight: normal !important; -} -#yesterweb a, .yw-widget-text a, .yw-widget a, .yw-link-rand a, .yw-link a { - color: #fa829e !important; -} - -/* MAIN ----------------------------------------------------------------------------------------- */ -main { - grid-area: main; -} -main .box22 { - height: 90%; -} -main .box-center, main .box-inner { - height: 100%; -} -main .box-inner { - display: grid; - grid-template-columns: auto; - grid-template-rows: auto 5%; - grid-template-areas: "." "footer"; -} -main #content { - overflow: auto; - padding: 0 10px; -} -main #update-box { - background-image: url(img/update-box.gif); - width: 199px; - height: 194px; - margin: 20px auto; - font-size: 12px; -} -main #update-box #update-inner { - width: 145px; - height: 130px; - padding: 5px; - position: relative; - top: 35px; - left: 27px; - text-align: center; - overflow: auto; -} -main #update-box h2 { - margin-bottom: 5px; - display: flex; -} -main #update-box h2 .h2-line:first-child { - background-image: url(img/heart-left.gif); - background-repeat: repeat-x; - background-position-x: left; - background-position-y: center; - margin-right: 5px; - min-height: 8px; - flex-grow: 1; -} -main #update-box h2 .h2-line:last-child { - background-image: url(img/heart-right.gif); - background-repeat: repeat-x; - background-position-x: right; - background-position-y: center; - margin-left: 5px; - min-height: 8px; - flex-grow: 1; -} -main #update-box p { - margin-bottom: 5px; -} - -#cboxdiv { - border: 1px dotted #fa829e; - padding: 10px; -} - -#cboxmain3-3514647, #bdy, .mnbdy, #scrollmain, #mt, .hbtbl, .stxt2, #cboxform3-3514647, .fmbdy, -.cfrm, .cfrm table, .cfrm tbody, .cfrm td, .cfrm tr, .cfrm a, #tblmid, #tblmid input, .frmtb { - font-family: Imprima, serif !important; - font-size: 14px !important; -} - -/* NAV ------------------------------------------------------------------------------------------ */ -nav { - grid-area: nav; - text-align: right; -} -nav h2 { - font-size: 14px; - font-style: italic; - margin-top: 20px; - display: flex; -} -nav h2:first-child { - margin-top: 0; -} -nav h2 .h2-line { - background-image: url(img/heart-left.gif); - background-repeat: repeat-x; - background-position-x: left; - background-position-y: center; - margin-right: 5px; - min-height: 8px; - flex-grow: 1; -} -nav a { - display: block; - margin: 5px 0; -} -nav a:last-child { - margin-bottom: 0; -} -nav a::after { - content: url(img/point-left.gif); - margin-left: 5px; -} -nav a.new::before { - content: url(img/new.gif); - padding-right: 5px; - position: relative; - top: 5px; -} -nav a.update::before { - content: url(img/update.gif); - padding-right: 5px; - position: relative; - top: 5px; -} - -/* NAV 2 ---------------------------------------------------------------------------------------- */ -.box22#nav2 { - margin-top: 10px; -} - -/* FOOTER --------------------------------------------------------------------------------------- */ -footer { - text-align: center; - grid-area: footer; - font-size: 12px; - align-self: end; -} - -/* COLLECTIONS ---------------------------------------------------------------------------------- */ -.gallery { - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 5px; - grid-gap: 5px; -} - -/* HOSTING APP ---------------------------------------------------------------------------------- */ -form#hosting-app .form-item { - margin-bottom: 10px; -} -form#hosting-app label { - display: block; - margin-bottom: 5px; -} -form#hosting-app label.check { - display: inline; -} -form#hosting-app input { - display: inline; - width: 50%; -} -form#hosting-app input[type=checkbox] { - width: unset; -} -form#hosting-app input[type=submit] { - width: unset; - display: block; - margin: 0 auto; -} -form#hosting-app p { - font-style: italic; -} -form#hosting-app p.inline { - display: inline; - font-style: normal; -} - -/* UPDATE-ARCHIVE ------------------------------------------------------------------------------- */ -#up-archive h2 { - font-size: 14px; - font-style: italic; - display: block; - text-align: center; - padding-bottom: 10px; - text-transform: uppercase; - color: #fa829e; -} -#up-archive h2::before, #up-archive h2::after { - content: url(img/bow.gif); - margin: 0 5px; -} - -/*# sourceMappingURL=style.css.map */ +@import"https://fonts.googleapis.com/css2?family=Imprima&display=swap";@font-face{font-family:basiic;src:url(basiic.ttf)}html{background-image:url(img/bg.png);background-color:#f1c8fe;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;cursor:url(img/cursor.png),auto}html a[href]{cursor:url(img/cursor.png),auto}body{font-family:imprima;font-size:14px;width:60%;height:70%;display:grid;gap:10px;grid-gap:10px;grid-template-columns:20% auto 20%;grid-template-rows:15% 85%;grid-template-areas:"head head head" "side main nav"}.divide{display:block;margin:15px auto;content:url(img/divide.gif)}a{color:#fa829e;text-decoration:none}a:hover{text-decoration:line-through}a:visited{color:#e496fd}p{margin-bottom:10px}b{color:#fa829e}i{color:#e496fd;font-style:italic}.center-block{display:block;text-align:center}.center{text-align:center}img{max-width:100%}h3{display:block;text-align:center;padding-bottom:10px;text-transform:uppercase;color:#fa829e}h3::before,h3::after{content:url(img/bow.gif);margin:0 5px}ul{list-style-image:url(img/bullet.gif);list-style-position:inside;margin-bottom:10px}.u01{background:url(img/lace/f-ue.gif) repeat-x;height:18px;margin:0 18px 0 19px}.s01{background:url(img/lace/f-sita.gif) repeat-x;height:19px;margin:0 18px 0 19px}.box-top{background-image:url(img/lace/f-kado1.gif),url(img/lace/f-kado2.gif);background-position:top left,top right;background-repeat:no-repeat,no-repeat;height:18px}.box-center{background-image:url(img/lace/f-migi.gif),url(img/lace/f-hidari.gif);background-position:top right,top left;background-repeat:repeat-y,repeat-y}.box-inner{background:#fff;margin:0 18px 0 19px}.box-bottom{background-image:url(img/lace/f-kado3.gif),url(img/lace/f-kado4.gif);background-position:top left,top right;background-repeat:no-repeat,no-repeat;height:19px}i.angry{content:url(img/emote/angry.gif);margin:0 2px}i.annoyed{content:url(img/emote/annoyed.gif);margin:0 2px}i.love{content:url(img/emote/love.gif);margin:0 2px}i.sick{content:url(img/emote/sick.gif);margin:0 2px}i.smile{content:url(img/emote/smile.gif);margin:0 2px}header{grid-area:head;text-align:right}header img{height:100%}aside{grid-area:side}aside h2{font-size:14px;font-style:italic;margin:20px 0 5px 0;display:flex}aside h2:first-child{margin-top:0}aside h2 .h2-line{background-image:url(img/heart-right.gif);background-repeat:repeat-x;background-position-x:right;background-position-y:center;margin-left:5px;min-height:8px;flex-grow:1}aside #side1 p{margin-bottom:0}aside #side1 p::before{content:url(img/point-right.gif);padding-right:5px}#side2{margin-top:10px}#rings{text-align:center}#rings>div{padding-top:5px}#rings img{padding:0 5px}#badges{padding-bottom:5px}#yesterweb{margin-top:10px}#yesterweb,.yw-widget-text,.yw-widget,.yw-link-rand,.yw-link{font-family:Imprima,serif !important;font-weight:normal !important}#yesterweb a,.yw-widget-text a,.yw-widget a,.yw-link-rand a,.yw-link a{color:#fa829e !important}main{grid-area:main}main .box22{height:90%}main .box-center,main .box-inner{height:100%}main .box-inner{display:grid;grid-template-columns:auto;grid-template-rows:auto 5%;grid-template-areas:"." "footer"}main #content{overflow:auto;padding:0 10px}main #update-box{background-image:url(img/update-box.gif);width:199px;height:194px;margin:20px auto;font-size:12px}main #update-box #update-inner{width:145px;height:130px;padding:5px;position:relative;top:35px;left:27px;text-align:center;overflow:auto}main #update-box h2{margin-bottom:5px;display:flex}main #update-box h2 .h2-line:first-child{background-image:url(img/heart-left.gif);background-repeat:repeat-x;background-position-x:left;background-position-y:center;margin-right:5px;min-height:8px;flex-grow:1}main #update-box h2 .h2-line:last-child{background-image:url(img/heart-right.gif);background-repeat:repeat-x;background-position-x:right;background-position-y:center;margin-left:5px;min-height:8px;flex-grow:1}main #update-box p{margin-bottom:5px}#cboxdiv{border:1px dotted #fa829e;padding:10px}#cboxmain3-3514647,#bdy,.mnbdy,#scrollmain,#mt,.hbtbl,.stxt2,#cboxform3-3514647,.fmbdy,.cfrm,.cfrm table,.cfrm tbody,.cfrm td,.cfrm tr,.cfrm a,#tblmid,#tblmid input,.frmtb{font-family:Imprima,serif !important;font-size:14px !important}nav{grid-area:nav;text-align:right}nav h2{font-size:14px;font-style:italic;margin-top:20px;display:flex}nav h2:first-child{margin-top:0}nav h2 .h2-line{background-image:url(img/heart-left.gif);background-repeat:repeat-x;background-position-x:left;background-position-y:center;margin-right:5px;min-height:8px;flex-grow:1}nav a{display:block;margin:5px 0}nav a:last-child{margin-bottom:0}nav a::after{content:url(img/point-left.gif);margin-left:5px}nav a.new::before{content:url(img/new.gif);padding-right:5px;position:relative;top:5px}nav a.update::before{content:url(img/update.gif);padding-right:5px;position:relative;top:5px}.box22#nav2{margin-top:10px}footer{text-align:center;grid-area:footer;font-size:12px;align-self:end}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;grid-gap:5px}form input{border:1px solid #fa829e;background:none;font-family:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}form .btns{text-align:center}form#hosting-app .form-item{margin-bottom:10px}form#hosting-app label{display:block;margin-bottom:5px}form#hosting-app label.check{display:inline}form#hosting-app input{display:inline;width:50%}form#hosting-app input[type=checkbox]{width:unset}form#hosting-app input[type=submit]{width:unset;display:block;margin:0 auto}form#hosting-app p{font-style:italic}form#hosting-app p.inline{display:inline;font-style:normal}#up-archive h2{font-size:14px;font-style:italic;display:block;text-align:center;padding-bottom:10px;text-transform:uppercase;color:#fa829e}#up-archive h2::before,#up-archive h2::after{content:url(img/bow.gif);margin:0 5px}form#hi2-calc #stats{display:flex;justify-content:center;gap:20px;margin-bottom:20px;text-align:center}form#hi2-calc #stats .stat label,form#hi2-calc #stats .stat input{width:100%}form#hi2-calc #stats .stat label{display:inline-block}form#hi2-calc #stats .stat input{margin:5px 0}/*# sourceMappingURL=style.css.map */ diff --git a/style/style.css.map b/style/style.css.map index 14d3f36..d1c04a4 100644 --- a/style/style.css.map +++ b/style/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAA;AAEQ;AAER;EACC;EACA;;AAGD;AAMA;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA;;AACA;EACC;;;AAIF;EACC;EACA,WArBO;EAuBP;EACA;EAEA;EACA;EAAW;EACX;EACA;EACA,qBACC;;;AAIF;EACC;EACA;EACA;;;AAGD;AAEA;EACC,OA9CS;EA+CT;;AAEA;EAAU;;AAEV;EAAY,OAlDH;;;AAqDV;EAAI;;;AAEJ;EAAI,OAxDM;;;AA0DV;EACC,OA1DS;EA2DT;;;AAGD;EACC;EACA;;;AAGD;EAAU;;;AAEV;EAAM;;;AAEN;EACC;EACA;EACA;EACA;EACA,OA7ES;;AA+ET;EACC;EACA;;;AAIF;EACC;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AAEA;EACC;EACA;;AAEA;EAAM;;;AAGP;AAEA;EACC;;AAEA;EACC;EACA;EACA;EAIA;;AAFA;EAAgB;;AAIhB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAKD;EACC;;AAEA;EACC;EACA;;;AAMJ;AAEA;EAAS;;;AAET;EACC;;AAEA;EAAU;;;AAGX;EAAa;;;AAEb;EAAU;;;AAEV;EAAa;;;AAEb;EACC;EACA;;AAEA;EAAI;;;AAGL;AAEA;EACC;;AAEA;EAAS;;AACT;EAA0B;;AAE1B;EACC;EACA;EACA;EACA,qBACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;;AAKH;EACC;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;AAEA;EACC;EACA;;AAEA;EACC;EACA;EACA;EAIA;;AAFA;EAAgB;;AAIhB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;;AAKH;AAEA;EAAc;;;AAEd;AAEA;EACC;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;EAAU;;;AAGX;AAGC;EAAa;;AAEb;EACC;EACA;;AAEA;EAAU;;AAGX;EACC;EACA;;AAGD;EAAuB;;AAEvB;EACC;EACA;EACA;;AAGD;EAAI;;AAEJ;EACC;EACA;;;AAIF;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,OAraQ;;AAuaR;EACC;EACA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAEQ,uEAER,WACC,mBACA,oBASD,KACC,iCACA,yBAEA,aACA,YACA,aACA,uBACA,mBAGA,gCACA,aACC,gCAIF,KACC,oBACA,UArBO,KAuBP,UACA,WAEA,aACA,uBACA,mCACA,2BACA,oBACC,iCAIF,QACC,cACA,iBACA,4BAKD,EACC,MA9CS,QA+CT,qBAEA,qCAEA,gBAlDS,QAqDV,qBAEA,QAxDU,QA0DV,EACC,MA1DS,QA2DT,kBAGD,cACC,cACA,kBAGD,0BAEA,mBAEA,GACC,cACA,kBACA,oBACA,yBACA,MA7ES,QA+ET,qBACC,yBACA,aAIF,GACC,qCACA,2BACA,mBAKD,KACC,2CACA,YACA,qBAED,KACC,6CACA,YACA,qBAED,SACC,qEACA,uCACA,sCACA,YAED,YACC,qEACA,uCACA,oCAED,WACC,gBACA,qBAED,YACC,qEACA,uCACA,sCACA,YAKD,QACC,iCACA,aAGD,UACC,mCACA,aAGD,OACC,gCACA,aAGD,OACC,gCACA,aAGD,QACC,iCACA,aAKD,OACC,eACA,iBAEA,uBAKD,MACC,eAEA,SACC,eACA,kBACA,oBAIA,aAFA,kCAIA,kBACC,0CACA,2BACA,4BACA,6BACA,gBACA,eACA,YAKD,eACC,gBAEA,uBACC,iCACA,kBAQJ,uBAEA,OACC,kBAEA,2BAGD,yBAEA,2BAEA,2BAEA,6DACC,qCACA,8BAEA,gGAKD,KACC,eAEA,uBACA,6CAEA,gBACC,aACA,2BACA,2BACA,oBACC,aAIF,cACC,cACA,eAGD,iBACC,yCACA,YACA,aACA,iBACA,eAEA,+BACC,YACA,aACA,YACA,kBACA,SACA,UACA,kBACA,cAGD,oBACC,kBACA,aAEA,yCACC,yCACA,2BACA,2BACA,6BACA,iBACA,eACA,YAGD,wCACC,0CACA,2BACA,4BACA,6BACA,gBACA,eACA,YAIF,mBACC,kBAKH,SACC,0BACA,aAGD,4KAEC,qCACA,0BAKD,IACC,cACA,iBAEA,OACC,eACA,kBACA,gBAIA,aAFA,gCAIA,gBACC,yCACA,2BACA,2BACA,6BACA,iBACA,eACA,YAIF,MACC,cACA,aAEA,iCAEA,aACC,gCACA,gBAGD,kBACC,yBACA,kBACA,kBACA,QAGD,qBACC,4BACA,kBACA,kBACA,QAOH,4BAIA,OACC,kBACA,iBACA,eACA,eAKD,SACC,aACA,eACA,uBACA,qBAMG,WACI,yBACA,gBACA,oBACA,kBACA,cACA,uBAGJ,WACI,kBAOP,+CAEA,uBACC,cACA,kBAEA,4CAGD,uBACC,eACA,UAGD,kDAEA,oCACC,YACA,cACA,cAGD,qCAEA,0BACC,eACA,kBAOD,eACC,eACA,kBACA,cACA,kBACA,oBACA,yBACA,MAtbQ,QAwbR,6CACC,yBACA,aAQC,qBACI,aACA,uBACA,SAEA,mBAEA,kBAII,6EAEA,iCACI,qBAGJ,iCACI","file":"style.css"} \ No newline at end of file diff --git a/style/style.scss b/style/style.scss index 0f491b5..60528ee 100644 --- a/style/style.scss +++ b/style/style.scss @@ -387,6 +387,23 @@ footer { gap: 5px; grid-gap: 5px; } +/* FORMS ---------------------------------------------------------------------------------------- */ + +form { + input { + border: 1px solid $accent1; + background: none; + font-family: inherit; + font-size: inherit; + color: inherit; + letter-spacing: inherit; + } + + .btns { + text-align: center; + } +} + /* HOSTING APP ---------------------------------------------------------------------------------- */ form#hosting-app { @@ -437,4 +454,31 @@ form#hosting-app { margin: 0 5px; } } +} + +/* HORSE ISLE CALCULATOR ------------------------------------------------------------------------ */ + +form#hi2-calc { + #stats { + display: flex; + justify-content: center; + gap: 20px; + + margin-bottom: 20px; + + text-align: center; + + .stat { + + label, input { width: 100%; } + + label { + display: inline-block; + } + + input { + margin: 5px 0; + } + } + } } \ No newline at end of file