diff --git a/dist/style.css b/dist/style.css
index bb93baa..d52003a 100644
--- a/dist/style.css
+++ b/dist/style.css
@@ -1 +1 @@
-@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.card{box-sizing:border-box;margin:0;border:solid 2px hsl(0,0%,99%);border-radius:10px;width:100%}.card:hover,.card:focus{transform:scale(1.02);transition:all .5s}.card *{margin:0}.card>*:first-child{border-radius:10px 10px 0 0}.card figcaption{display:flex;flex-flow:column;place-content:space-evenly;place-items:center;box-sizing:border-box;margin-top:-5px;border-radius:0 0 10px 10px;padding:5px 10px;height:120px;background-color:#333;color:#fcfcfc}.card figcaption>*{margin:0}.card:hover figcaption,.card:focus figcaption{color:#9f9}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.collapse>figure{margin:20px}.collapse[open] summary,.collapse summary:hover,.collapse summary:focus{background-color:#fcfcfc;color:#333}.collapse summary{margin:auto;border-radius:5px;padding:10px;width:50vw;list-style:none;background-color:#9f9;color:#030303;cursor:pointer}.collapse summary :first-child{margin:0;padding:1px}@media (min-width: 768px){.collapse summary{border-radius:20px;width:40vw}}@media (min-width: 1366px){.collapse summary{border-radius:30px;width:25vw}}@media (min-width: 1920px){.collapse summary{border-radius:40px;width:15vw}}.image{max-width:100%;height:auto;object-fit:contain}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.link,.btn{display:flex;place-content:center;place-items:center;gap:5px;width:100%;height:100%;font-family:UbuntuMono,Courier,monospace;text-decoration:none;color:#030303}.btn{box-sizing:border-box;border:solid 2px hsl(270,100%,80%);border-radius:10px;padding:2.5px 5px;background-color:#333;color:#fcfcfc}.btn:hover,.btn:focus{border-radius:5px;background-color:#c9f;color:#333;transform:scale(1.05);transition:all .5s}@media (min-width: 768px){.link,.btn{gap:12.5px}.btn{padding:6.25px 12.5px}}@media (min-width: 1366px){.link,.btn{gap:17.5px}.btn{padding:8.75px 17.5px}}@media (min-width: 1920px){.link,.btn{gap:22.5px}.btn{padding:11.25px 22.5px}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.list{display:flex;flex-flow:wrap;gap:10px;place-content:center;place-items:center;margin:auto;padding:0;list-style:none;text-align:center}@media (min-width: 768px){.list{gap:15px}}@media (min-width: 1366px){.list{gap:20px}}@media (min-width: 1920px){.list{gap:25px}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.button:hover,.button:focus{color:#333;transform:scale(.9);transition:all .5s}.button b{display:none}@media (min-width: 768px){.button b{display:block;text-transform:uppercase}}@media (min-width: 1366px){.button b{text-transform:capitalize}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}[id=contact]{display:flex;place-content:center;padding:20px 0;width:100%;background-color:#333}[id=contact] li{display:flex;place-content:center;place-items:center;border:solid 2px hsl(0,0%,80%);border-radius:50%;width:30px;height:30px;font-size:1.2rem;background-color:#fcfcfc}[id=contact] li i{color:#333}@media (min-width: 768px){[id=contact] li{width:45px;height:45px;font-size:1.92rem}}@media (min-width: 1366px){[id=contact] li{width:55px;height:55px;font-size:2.4rem}}@media (min-width: 1920px){[id=contact] li{width:65px;height:65px;font-size:2.88rem}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.title{display:flex;flex-flow:column;gap:5px;margin:0 0 20px;font-family:Trocchi,Times,serif;text-align:center}.title>*{margin:0}.title>*+p{margin:auto;color:#ccc}.title h1{font-size:1.8rem}.title h1+p{max-width:300px;font-size:1.26rem}.title h2{font-size:1.56rem}.title h2+p{max-width:300px;font-size:1.092rem}.title h3{font-size:1.32rem}.title h3+p{max-width:300px;font-size:.924rem}.title h4{font-size:1.2rem}.title h4+p{max-width:300px;font-size:.84rem}@media (min-width: 768px){.title{gap:6.5px;margin:0 0 32px}.title h1{font-size:2.16rem}.title h1+p{max-width:432px;font-size:1.512rem}.title h2{font-size:1.872rem}.title h2+p{max-width:432px;font-size:1.3104rem}.title h3{font-size:1.584rem}.title h3+p{max-width:432px;font-size:1.1088rem}.title h4{font-size:1.44rem}.title h4+p{max-width:432px;font-size:1.008rem}}@media (min-width: 1366px){.title{gap:7.5px;margin:0 0 40px}.title h1{font-size:2.52rem}.title h1+p{max-width:588px;font-size:1.764rem}.title h2{font-size:2.184rem}.title h2+p{max-width:588px;font-size:1.5288rem}.title h3{font-size:1.848rem}.title h3+p{max-width:588px;font-size:1.2936rem}.title h4{font-size:1.68rem}.title h4+p{max-width:588px;font-size:1.176rem}}@media (min-width: 1920px){.title{gap:8.5px;margin:0 0 48px}.title h1{font-size:2.88rem}.title h1+p{max-width:768px;font-size:2.016rem}.title h2{font-size:2.496rem}.title h2+p{max-width:768px;font-size:1.7472rem}.title h3{font-size:2.112rem}.title h3+p{max-width:768px;font-size:1.4784rem}.title h4{font-size:1.92rem}.title h4+p{max-width:768px;font-size:1.344rem}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}@media (min-width: 768px){.collapse{max-width:1000px}.collapse figure>.list>li{width:calc((100% - 15px)/2)}}@media (min-width: 1366px){.collapse{max-width:1500px}.collapse figure>.list>li{width:calc((100% - 40px) / 3)}}@media (min-width: 1920px){.collapse{max-width:2000px}.collapse figure>.list>li{width:calc((100% - 75px)/4)}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.navbar{display:flex;place-content:space-between;place-items:center;position:fixed;z-index:1000;top:0;box-sizing:border-box;padding:5px;width:100%;font-size:.7rem;background-color:#c9f;color:#030303}.navbar ul{flex-flow:nowrap;gap:5vw}@media (min-width: 768px){.navbar{padding:8px;font-size:1rem}}@media (min-width: 1366px){.navbar{padding:10px;font-size:1.2rem}}@media (min-width: 1920px){.navbar{padding:12px;font-size:1.4rem}}@media (min-width: 768px){.navbar{place-content:space-around}.navbar ul{gap:2vw}}@media (min-width: 1366px){.navbar{place-content:space-evenly}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}@keyframes grow-min{0%{transform:scale(.7)}}@keyframes grow-max{0%{transform:scale(0)}}@keyframes slide-top{0%{transform:translateY(100%)}}@keyframes slide-right{0%{transform:translate(-100%)}}@keyframes turn-x{0%{transform:rotateX(360deg)}}@keyframes turn-y{0%{transform:rotateY(360deg)}}@keyframes turn-z{0%{transform:rotate(360deg)}}@keyframes turn-xy{0%{transform:rotate3d(1,1,0,360deg)}}@keyframes turn-xz{0%{transform:rotate3d(1,0,1,360deg)}}@keyframes turn-yz{0%{transform:rotate3d(0,1,1,360deg)}}@keyframes turn-3d{0%{transform:rotate3d(1,1,1,360deg)}}.slider{position:relative;margin:0;padding:0 20px 32px;text-align:center}.slider nav i{position:absolute;color:#fcfcfc;cursor:pointer}.slider nav i:hover,.slider nav i:focus{color:#c9f}.slider nav [class*=left]{left:0}.slider nav [class*=right]{right:0}.slider nav [class*=left],.slider nav [class*=right]{top:calc(50% - 36px)}.slider nav [class*=play],.slider nav [class*=pause]{left:calc(50% - 8px);bottom:0}.slider nav i{font-size:1.5rem}@media (min-width: 768px){.slider nav [class*=left],.slider nav [class*=right]{top:calc(50% - 56px)}.slider nav [class*=play],.slider nav [class*=pause]{left:calc(50% - 19px);bottom:-25px}.slider nav i{font-size:3.75rem}}@media (min-width: 1366px){.slider nav [class*=left],.slider nav [class*=right]{top:calc(50% - 70px)}.slider nav [class*=play],.slider nav [class*=pause]{left:calc(50% - 26px);bottom:-48px}.slider nav i{font-size:5.25rem}}@media (min-width: 1920px){.slider nav [class*=left],.slider nav [class*=right]{top:calc(50% - 84px)}.slider nav [class*=play],.slider nav [class*=pause]{left:calc(50% - 34px);bottom:-74px}.slider nav i{font-size:6.75rem}}
+@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.card{box-sizing:border-box;margin:0;border:solid 2px hsl(0,0%,99%);border-radius:10px;width:100%}.card:hover,.card:focus{transform:scale(1.02);transition:all .5s}.card *{margin:0}.card>*:first-child{border-radius:10px 10px 0 0}.card figcaption{display:flex;flex-flow:column;place-content:space-evenly;place-items:center;box-sizing:border-box;margin-top:-5px;border-radius:0 0 10px 10px;padding:5px 10px;height:120px;background-color:#333;color:#fcfcfc}.card figcaption>*{margin:0}.card:hover figcaption,.card:focus figcaption{color:#9f9}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.collapse>figure{margin:20px}.collapse[open] summary,.collapse summary:hover,.collapse summary:focus{background-color:#fcfcfc;color:#333}.collapse summary{margin:auto;border-radius:10px;padding:10px;width:60vw;list-style:none;background-color:#9f9;color:#030303;cursor:pointer}.collapse summary :first-child{margin:0;padding:1px}@media (min-width: 768px){.collapse summary{border-radius:20px;width:40vw}}@media (min-width: 1366px){.collapse summary{border-radius:50px;width:20vw}}.image{max-width:100%;height:auto;object-fit:contain}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.link{display:flex;place-content:center;place-items:center;gap:10px;height:100%;font-family:UbuntuMono,Courier,monospace;text-decoration:none;color:#030303}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.list{display:flex;flex-flow:wrap;gap:10px;place-content:center;place-items:center;margin:0;padding:0;list-style:none;text-align:center}@media (min-width: 768px){.list{gap:15px}}@media (min-width: 1366px){.list{gap:20px}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.button:hover,.button:focus{color:#333;transform:scale(.9);transition:all .5s}.button b{display:none}@media (min-width: 768px){.button b{display:block;text-transform:uppercase}}@media (min-width: 1366px){.button b{text-transform:capitalize}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}[id=contact]{display:flex;place-content:center;padding:20px 0;width:100%;background-color:#333}[id=contact] li{display:flex;place-content:center;place-items:center;border:solid 2px hsl(0,0%,80%);border-radius:50%;width:30px;height:30px;font-size:1.2rem;background-color:#fcfcfc}[id=contact] li i{color:#333}@media (min-width: 768px){[id=contact] li{width:45px;height:45px;font-size:1.92rem}}@media (min-width: 1366px){[id=contact] li{width:55px;height:55px;font-size:2.4rem}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.title{display:flex;flex-flow:column;gap:5px;margin:0 0 20px;font-family:Trocchi,Times,serif;text-align:center}.title>*{margin:0}.title>*+p{margin:auto;color:#ccc}.title h1{font-size:1.8rem}.title h1+p{font-size:1.26rem;max-width:300px}.title h2{font-size:1.56rem}.title h2+p{font-size:1.092rem;max-width:300px}.title h3{font-size:1.32rem}.title h3+p{font-size:.924rem;max-width:300px}.title h4{font-size:1.2rem}.title h4+p{font-size:.84rem;max-width:300px}@media (min-width: 768px){.title{gap:6.5px;margin:0 0 32px}.title h1{font-size:2.16rem}.title h1+p{font-size:1.512rem;max-width:360px}.title h2{font-size:1.872rem}.title h2+p{font-size:1.3104rem;max-width:360px}.title h3{font-size:1.584rem}.title h3+p{font-size:1.1088rem;max-width:360px}.title h4{font-size:1.44rem}.title h4+p{font-size:1.008rem;max-width:360px}}@media (min-width: 1366px){.title{gap:7.5px;margin:0 0 40px}.title h1{font-size:2.52rem}.title h1+p{font-size:1.764rem;max-width:420px}.title h2{font-size:2.184rem}.title h2+p{font-size:1.5288rem;max-width:420px}.title h3{font-size:1.848rem}.title h3+p{font-size:1.2936rem;max-width:420px}.title h4{font-size:1.68rem}.title h4+p{font-size:1.176rem;max-width:420px}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}@media (min-width: 768px){.collapse{max-width:1000px}.collapse figure>.list>li{width:calc((100% - 15px)/2)}}@media (min-width: 1366px){.collapse{max-width:2000px}.collapse figure>.list>li{width:calc((100% - 60px)/4)}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}.navbar{display:flex;place-content:space-around;place-items:center;position:fixed;z-index:1000;top:0;box-sizing:border-box;padding:5px 0;width:100%;font-size:.8rem;background-color:#c9f;color:#030303}.navbar ul{flex-flow:nowrap;gap:5vw}@media (min-width: 768px){.navbar{padding:10px 0;font-size:1rem}}@media (min-width: 1366px){.navbar{padding:15px 0;font-size:1.2rem}}@media (min-width: 768px){.navbar ul{gap:2vw}}@media (min-width: 1366px){.navbar{place-content:space-evenly}}@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:local("Geologica-Regular"),url(/fonts/Geologica-Regular.woff2) format("woff2")}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;font-display:swap;src:local("Trocchi-Regular"),url(/fonts/Trocchi-Regular.woff2) format("woff2")}@font-face{font-family:UbuntuMono;font-style:normal;font-weight:400;font-display:swap;src:local("UbuntuMono-Regular"),url(/fonts/UbuntuMono-Regular.woff2) format("woff2")}@keyframes grow-min{0%{transform:scale(.7)}}@keyframes grow-max{0%{transform:scale(0)}}@keyframes slide-top{0%{transform:translateY(100%)}}@keyframes slide-right{0%{transform:translate(-100%)}}@keyframes turn-x{0%{transform:rotateX(360deg)}}@keyframes turn-y{0%{transform:rotateY(360deg)}}@keyframes turn-z{0%{transform:rotate(360deg)}}@keyframes turn-xy{0%{transform:rotate3d(1,1,0,360deg)}}@keyframes turn-xz{0%{transform:rotate3d(1,0,1,360deg)}}@keyframes turn-yz{0%{transform:rotate3d(0,1,1,360deg)}}@keyframes turn-3d{0%{transform:rotate3d(1,1,1,360deg)}}.slider{position:relative;margin:0;padding:0 20px 32px;text-align:center}.slider nav i{position:absolute;color:#fcfcfc;cursor:pointer}.slider nav i:hover,.slider nav i:focus{color:#c9f}.slider nav [class*=left]{left:0}.slider nav [class*=right]{right:0}.slider nav [class*=left],.slider nav [class*=right]{top:calc(50% - 36px)}.slider nav [class*=play],.slider nav [class*=pause]{left:calc(50% - 8px);bottom:0}.slider nav i{font-size:1.5rem}@media (min-width: 768px){.slider nav [class*=left],.slider nav [class*=right]{top:calc(50% - 56px)}.slider nav [class*=play],.slider nav [class*=pause]{left:calc(50% - 19px);bottom:-25px}.slider nav i{font-size:3.75rem}}@media (min-width: 1366px){.slider nav [class*=left],.slider nav [class*=right]{top:calc(50% - 70px)}.slider nav [class*=play],.slider nav [class*=pause]{left:calc(50% - 26px);bottom:-48px}.slider nav i{font-size:5.25rem}}
diff --git a/lib/assets/style.scss b/lib/assets/style.scss
index 1920a3f..ded93da 100644
--- a/lib/assets/style.scss
+++ b/lib/assets/style.scss
@@ -1,11 +1,9 @@
 //! ********** VARIABLES **********
 
-$sm: 768px;
-$md: 1366px;
-$lg: 1920px;
+$md: 768px;
+$lg: 1366px;
 
 $breakpoints: (
-  "sm": $sm,
   "md": $md,
   "lg": $lg
 ) !default;
diff --git a/lib/atoms/collapse/collapse.scss b/lib/atoms/collapse/collapse.scss
index b8fd6ae..05b0c28 100644
--- a/lib/atoms/collapse/collapse.scss
+++ b/lib/atoms/collapse/collapse.scss
@@ -2,26 +2,21 @@
 
 //! ********** VARIABLES **********
 
-$radius: 5px;
-$width: 50vw;
-
-$radius-ratios: (
-  "sm": 4,
-  "md": 6,
-  "lg": 8
+$radius-sizes: (
+  "md": 20px,
+  "lg": 50px
   ) !default;
 
 $width-sizes: (
-  "sm": 40vw,
-  "md": 25vw,
-  "lg": 15vw
+  "md": 40vw,
+  "lg": 20vw
   ) !default;
 
 //! ********** MIXIN **********
 
-@mixin collapse($ratio, $size) {
-  border-radius: calc($radius * $ratio);
-  width: $size;
+@mixin collapse($radius, $width) {
+  border-radius: $radius;
+  width: $width;
 }
 
 //! ********** MAIN **********
@@ -40,9 +35,9 @@ $width-sizes: (
 
   summary {
     margin: auto;
-    border-radius: $radius;
+    border-radius: 10px;
     padding: 10px;
-    width: $width;
+    width: 60vw;
     list-style: none;
     background-color: $secondary;
     color: $black;
@@ -57,7 +52,7 @@ $width-sizes: (
       @media (min-width: $breakpoint-value) {
 
         @include collapse(
-          map-get($radius-ratios, $breakpoint-key),
+          map-get($radius-sizes, $breakpoint-key),
           map-get($width-sizes, $breakpoint-key)
         );
       }
diff --git a/lib/atoms/link/link.scss b/lib/atoms/link/link.scss
index 2baea61..329d854 100644
--- a/lib/atoms/link/link.scss
+++ b/lib/atoms/link/link.scss
@@ -1,74 +1,12 @@
 @import '../../assets/style';
 
-//! ********** VARIABLES **********
-
-$gap: 5px;
-$padding: 5px;
-
-$gap-ratios: (
-  "sm": 2.5,
-  "md": 3.5,
-  "lg": 4.5
-) !default;
-
-$padding-ratios: (
-  "sm": 2.5,
-  "md": 3.5,
-  "lg": 4.5
-) !default;
-
-//! ********** MIXIN **********
-
-@mixin link($gap-ratio, $padding-ratio) {
-  .link,
-  .btn {
-    gap: calc($gap * $gap-ratio);
-  }
-
-  .btn {
-    padding: calc($padding * $padding-ratio / 2) calc($padding * $padding-ratio);
-  }
-}
-
-//! ********** MAIN **********
-
-.link,
-.btn {
+.link {
   display: flex;
   place-content: center;
   place-items: center;
-  gap: $gap;
-  width: 100%;
+  gap: 10px;
   height: 100%;
   font-family: $monospace;
   text-decoration: none;
   color: $black;
 }
-
-.btn {
-  box-sizing: border-box;
-  border: solid 2px $primary;
-  border-radius: 10px;
-  padding: calc($padding / 2) $padding;
-  background-color: $gray;
-  color: $white;
-
-  &:hover,
-  &:focus {
-    border-radius: 5px;
-    background-color: $primary;
-    color: $gray;
-    transform: scale(1.05);
-    transition: all 500ms;
-  }
-}
-
-@each $breakpoint-key, $breakpoint-value in $breakpoints {
-  @media (min-width: $breakpoint-value) {
-
-    @include link(
-      map-get($gap-ratios, $breakpoint-key),
-      map-get($padding-ratios, $breakpoint-key)
-    );
-  }
-}
diff --git a/lib/atoms/list/list.scss b/lib/atoms/list/list.scss
index e142e54..5719f61 100644
--- a/lib/atoms/list/list.scss
+++ b/lib/atoms/list/list.scss
@@ -2,18 +2,15 @@
 
 //! ********** VARIABLES **********
 
-$gap-size: 10px;
-
-$gap-ratios: (
-  "sm": 1.5,
-  "md": 2,
-  "lg": 2.5
+$gap-sizes: (
+  "md": 15px,
+  "lg": 20px
   ) !default;
 
   //! ********** MIXIN **********
 
-@mixin list($ratio) {
-  gap: calc($gap-size * $ratio);
+@mixin list($gap) {
+  gap: $gap;
 }
 
 //! ********** MAIN **********
@@ -21,17 +18,17 @@ $gap-ratios: (
 .list {
   display: flex;
   flex-flow: wrap;
-  gap: $gap-size;
+  gap: 10px;
   place-content: center;
   place-items: center;
-  margin: auto;
+  margin: 0;
   padding: 0;
   list-style: none;
   text-align: center;
 
   @each $breakpoint-key, $breakpoint-value in $breakpoints {
     @media (min-width: $breakpoint-value) {
-      @include list(map-get($gap-ratios, $breakpoint-key));
+      @include list(map-get($gap-sizes, $breakpoint-key));
     }
   }
 }
diff --git a/lib/molecules/button/button.scss b/lib/molecules/button/button.scss
index ac80282..168614e 100644
--- a/lib/molecules/button/button.scss
+++ b/lib/molecules/button/button.scss
@@ -12,14 +12,14 @@
     display: none;
   }
 
-  @media (min-width: $sm) {
+  @media (min-width: $md) {
     b {
       display: block;
       text-transform: uppercase;
     }
   }
 
-  @media (min-width: $md) {
+  @media (min-width: $lg) {
     b {
       text-transform: capitalize;
     }
diff --git a/lib/molecules/footer/footer.scss b/lib/molecules/footer/footer.scss
index e1460a6..93ab47c 100644
--- a/lib/molecules/footer/footer.scss
+++ b/lib/molecules/footer/footer.scss
@@ -6,15 +6,13 @@ $size: 30px;
 $font: 1.2rem;
 
 $block-sizes: (
-  "sm": 15px,
-  "md": 25px,
-  "lg": 35px
+  "md": 15px,
+  "lg": 25px
 ) !default;
 
 $font-ratios: (
-  "sm": 1.6,
-  "md": 2,
-  "lg": 2.4
+  "md": 1.6,
+  "lg": 2
 ) !default;
 
 //! ********** MIXIN **********
diff --git a/lib/molecules/gallery/gallery.scss b/lib/molecules/gallery/gallery.scss
index cfa4676..9d7ef7e 100644
--- a/lib/molecules/gallery/gallery.scss
+++ b/lib/molecules/gallery/gallery.scss
@@ -2,37 +2,37 @@
 
 //! ********** VARIABLES **********
 
-$width-sizes: (
-  "sm": 15px,
-  "md": 40px,
-  "lg": 75px
+$gap-sizes: (
+  "md": 15px,
+  "lg": 60px
 ) !default;
 
 $width-ratios: (
-  "sm": 2,
-  "md": 3,
+  "md": 2,
   "lg": 4
 ) !default;
 
 //! ********** MIXIN **********
 
-@mixin gallery($size, $ratio) {
+@mixin gallery($gap, $ratio) {
   .collapse {
     max-width: calc(500px * $ratio);
 
     figure > .list > li {
-      width: calc((100% - $size) / $ratio
+      width: calc((100% - $gap) / $ratio
       );
     }
   }
 }
 
-//! ********** GALLERY **********
+//! ********** MAIN **********
 
 @each $breakpoint-key, $breakpoint-value in $breakpoints {
   @media (min-width: $breakpoint-value) {
 
-    @include gallery(map-get($width-sizes, $breakpoint-key),
-      map-get($width-ratios, $breakpoint-key));
+    @include gallery(
+      map-get($gap-sizes, $breakpoint-key),
+      map-get($width-ratios, $breakpoint-key)
+    );
   }
 }
diff --git a/lib/molecules/navbar/navbar.scss b/lib/molecules/navbar/navbar.scss
index b9c8895..a5e550f 100644
--- a/lib/molecules/navbar/navbar.scss
+++ b/lib/molecules/navbar/navbar.scss
@@ -2,47 +2,36 @@
 
 //! ********** VARIABLES **********
 
-$padding: 5px;
-$font: 0.7rem;
-
 $padding-sizes: (
-  "sm": 3px,
-  "md": 5px,
-  "lg": 7px
-) !default;
-
-$padding-ratios: (
-  "sm": 0,
-  "md": 0,
-  "lg": 0
+  "md": 10px,
+  "lg": 15px
 ) !default;
 
 $font-sizes: (
-  "sm": 0.3rem,
-  "md": 0.5rem,
-  "lg": 0.7rem
+  "md": 1rem,
+  "lg": 1.2rem
 ) !default;
 
 //! ********** MIXIN **********
 
 @mixin navbar($padding-size, $font-size) {
-  padding: calc($padding + $padding-size);
-  font-size: calc($font + $font-size);
+  padding: $padding-size 0;
+  font-size: $font-size;
 }
 
 //! ********** MAIN **********
 
 .navbar {
   display: flex;
-  place-content: space-between;
+  place-content: space-around;
   place-items: center;
   position: fixed;
   z-index: 1000;
   top: 0;
   box-sizing: border-box;
-  padding: $padding;
+  padding: 5px 0;
   width: 100%;
-  font-size: $font;
+  font-size: 0.8rem;
   background-color: $primary;
   color: $black;
 
@@ -61,15 +50,13 @@ $font-sizes: (
     }
   }
 
-  @media (min-width: $sm) {
-    place-content: space-around;
-
+  @media (min-width: $md) {
     & ul {
       gap: 2vw;
     }
   }
 
-  @media (min-width: $md) {
+  @media (min-width: $lg) {
     place-content: space-evenly;
   }
 }
diff --git a/lib/molecules/slider/slider.scss b/lib/molecules/slider/slider.scss
index 6f7d762..147107b 100644
--- a/lib/molecules/slider/slider.scss
+++ b/lib/molecules/slider/slider.scss
@@ -3,27 +3,23 @@
 //! ********** VARIABLES **********
 
 $top-sizes: (
-  "sm": 56px,
-  "md": 70px,
-  "lg": 84px
+  "md": 56px,
+  "lg": 70px
 ) !default;
 
 $left-sizes: (
-  "sm": 19px,
-  "md": 26px,
-  "lg": 34px
+  "md": 19px,
+  "lg": 26px
 ) !default;
 
 $bottom-ratios: (
-  "sm": 25px,
-  "md": 48px,
-  "lg": 74px
+  "md": 25px,
+  "lg": 48px
 ) !default;
 
 $font-ratios: (
-  "sm": 2.5,
-  "md": 3.5,
-  "lg": 4.5
+  "md": 2.5,
+  "lg": 3.5
 ) !default;
 
 //! ********** MIXIN **********
diff --git a/lib/molecules/title/title.scss b/lib/molecules/title/title.scss
index d9e72f6..2d3ff09 100644
--- a/lib/molecules/title/title.scss
+++ b/lib/molecules/title/title.scss
@@ -4,26 +4,23 @@
 
 $gap: 5px;
 $margin: 20px;
-$width: 300px;
 $title: 1.2rem;
 $subtitle: 0.7;
+$width: 300px;
 
 $gap-ratios: (
-  "sm": 1.3,
-  "md": 1.5,
-  "lg": 1.7
+  "md": 1.3,
+  "lg": 1.5
 ) !default;
 
 $margin-ratios: (
-  "sm": 1.6,
-  "md": 2,
-  "lg": 2.4
+  "md": 1.6,
+  "lg": 2
 ) !default;
 
 $screen-ratios: (
-  "sm": 1.2,
-  "md": 1.4,
-  "lg": 1.6
+  "md": 1.2,
+  "lg": 1.4
   ) !default;
 
 $title-ratios: (
@@ -47,8 +44,8 @@ $title-ratios: (
     font-size: $font-size;
 
     & + p {
-      max-width: calc($width * $screen-ratio * $screen-ratio);
       font-size: calc($font-size * $subtitle);
+      max-width: calc($width * $screen-ratio);
     }
   }
 }
diff --git a/package-lock.json b/package-lock.json
index c01753e..2542a4d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "reactoms",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "reactoms",
-      "version": "0.5.0",
+      "version": "0.5.1",
       "license": "Apache-2.0",
       "dependencies": {
         "@fortawesome/fontawesome-free": "^6.7.1",
diff --git a/package.json b/package.json
index d1a1f06..68714cb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "reactoms",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "A React Components Library made with TypeScript, Sass, Vite & Atomic Design : Card, Collapse, Icon, Image, Link, List for Atoms & Button, Footer, Gallery, Navbar, Slider, Title for Molecules",
   "type": "module",
   "keywords": [