*{box-sizing:border-box}.darkmode{position:absolute;right:2vw;top:2vh;height:45px;width:45px;border-radius:50%;background-image:url("assets/dark.png");background-size:contain;cursor:pointer;transition:.5s}.darkmode:focus,.darkmode:hover{transform:scale(1.15);opacity:1;border-radius:10%}.aside__title{font-family:'JetBrains Mono',monospace;text-align:center;text-shadow:2px 2px rgba(0,0,0,.4);color:#fff;margin:3vh 0}.aside__link:last-of-type,.header__title{margin-bottom:0}.header__description,.header__title{user-select:none;color:#fff;text-align:center;font-family:'Roboto Mono',monospace}.header__description,.inputs,.inputs__button,.inputs__capitalinput,.summary__label,.summary__value{font-family:'JetBrains Mono',monospace}.header__title{text-shadow:4px 4px rgba(0,0,0,.6);font-weight:300;font-size:68px;margin-top:2vh}.header__description{text-shadow:2px 2px rgba(0,0,0,.6);margin-top:2vh;margin-bottom:3vh;font-weight:500;font-size:25px;letter-spacing:.1vw;padding-left:.1vw}.summary{display:flex;justify-content:space-evenly;border-radius:15px 15px 0 0;padding:10px 0 15px}.summary__cell{display:flex;justify-content:flex-start;flex-direction:column;text-align:left}.summary__label{width:100%;font-size:12px;text-transform:uppercase;color:#420377}.summary__value{width:100%;font-size:14px;text-transform:uppercase}.summary__value--fadeOut{animation:.7s forwards disappear}.summary__value--good{color:#007a00}.summary__value--bad{color:#8a0000}.graphwrapper{border-radius:15px;box-shadow:2px 4px 16px 0 rgba(0,0,0,.5);background-color:#f1f1f1}.graph,.graph__chart{border-radius:0 0 15px 15px}.inputs{display:flex;flex-direction:column;align-items:center;width:100%}.inputs__capital{display:flex;flex-direction:row}.inputs__compounded,.inputs__tradetype,.inputs__unit{display:flex;flex-direction:column;align-items:center}.inputs__mainsettings,.inputs__time{display:flex;justify-content:space-around;width:100%;padding:0 2vw}.inputs__time{flex-wrap:wrap}.inputs__capitallabel{font-size:12px;text-align:right;margin-right:5px}.inputs__capitalinput{border:none;outline:0;box-shadow:1px 2px 3px 1px rgba(0,0,0,.52);width:90%;border-radius:5px;text-align:center;height:3vh}.inputs__capitalinput:focus{box-shadow:inset 1px 2px 3px 1px rgba(0,0,0,.25)}.inputs__button{color:#000;height:20px;font-size:14px;margin-top:1vh;border:none;outline:0;box-shadow:1px 2px 5px 1px rgba(0,0,0,.52);border-radius:5px}.inputs__button--active,.inputs__button:focus,.inputs__button:hover{box-shadow:inset 1px 2px 3px 1px rgba(0,0,0,.25)}.inputs__button--time{width:30%}.inputs__button--active{color:#fff;background-color:#8d42d3}.contactgrid__box,.description{background-color:rgba(0,0,0,.25);border-radius:15px;text-align:center;font-family:'Roboto Mono',monospace;text-shadow:2px 2px rgba(0,0,0,.8);color:#fff}.inputs__button--active:focus{outline:rgb(108,45,168) solid 1px;outline-offset:2px}.inputs__button:first-child{margin-top:3px}.description{padding:15px;margin-top:3vh;font-size:16px;font-weight:400}.description__paragraph{margin-bottom:4vh}.contactgrid{display:grid;grid-template-columns:32% 34% 32%;grid-template-rows:auto auto auto;justify-items:center;column-gap:1%;margin-top:3vh}.contactgrid__box{width:100%;padding:25px;font-style:normal;font-size:18px;font-weight:300}.contactgrid__details,.header{grid-column:2/3}.contact__eth{grid-row:2/2}.contact__email{color:#fff;text-shadow:2px 2px #000;font-weight:300}.socials__wrapper{display:flex;justify-content:space-evenly;align-items:flex-start;padding-top:8vh;height:100%;width:100%}.socials__image,.socials__link{height:60px;width:60px;border-radius:50%}.aside__title--socials{margin-bottom:1vh}.socials__image{transition-duration:.5s}.main,.text{width:95%;grid-column:2/3}.socials__image:hover{border-radius:10%;transform:scale(1.1)}body{margin:0;background:linear-gradient(135deg,rgba(141,66,211,.95) 0,rgba(212,104,117,.95) 75%) no-repeat fixed;display:grid;grid-template-columns:5% 90% 5%;justify-items:center}.main{grid-row:2/3;display:flex;flex-direction:column;align-items:center}.text{margin-bottom:5vh;grid-row:3/4}.aside__title--left,.aside__title--right{grid-row:1/2}.aside--left,.aside__title--left{grid-column:1/2}.aside--right,.aside__title--right{grid-column:3/4}.aside__title{display:flex;align-items:center}.aside__title--donation,.aside__title--socials{align-items:flex-start}.aside{margin-top:-5vh;display:grid;grid-template-columns:auto auto;row-gap:4vh;column-gap:2vw;grid-template-rows:calc(8vw + 2vh) calc(8vw + 2vh) calc(8vw + 2vh) calc(8vw + 2vh)}.aside__link{margin-bottom:2vh}.aside__image{opacity:.7}.aside__image,.aside__link{width:8vw;height:8vw;max-width:200px;max-height:200px;border-radius:50%;box-shadow:0 3px 8px 4px rgba(0,0,0,.25);transition-duration:.5s}@media (min-width:1500px){body{grid-template-columns:10% 80% 10%}.aside{grid-template-rows:calc(6vw + 2vh) calc(6vw + 2vh) calc(6vw + 2vh) calc(6vw + 2vh)}.aside__image,.aside__link{width:6vw;height:6vw}}@media (max-width:1300px) and (max-height:1000px){.socials__wrapper{padding-top:6vh}.socials__image{height:45px;width:45px}}.aside__image:hover,.aside__link:focus .aside__image{transform:scale(1.15);opacity:1;border-radius:10%}.aside__link:focus{border-radius:10%}.graphwrapper{height:90vh;width:90vw;max-width:100%;min-height:550px;max-height:750px}.graph__chart{height:45vh;width:100%}.summary{height:8%}.graph{position:relative;height:60%}.inputs{height:32%;justify-content:center;row-gap:1.5vh}.inputs__capital{align-items:center}.inputs__compounded,.inputs__tradetype,.inputs__unit{box-sizing:border-box;width:33.33333333%;width:calc((100% / 3) + 1px);padding-bottom:1.5vh}.inputs__button{width:90%}.donation,.social{width:100%;padding-bottom:1vh;grid-row:3/4}.inputs__compounded,.inputs__tradetype{border-right:1px dashed rgba(101,13,89,.24)}.inputs__time{row-gap:1vh}.inputs__button--time.inputs__button{width:30%;margin-top:0}.social{grid-column:1/2}.donation{grid-column:3/4}.aside__title--socials{grid-column:1/2;grid-row:3/4}.aside__title--donation{grid-column:3/4;grid-row:3/4;font-size:16px}.socials__image--donation,.socials__link--donation{width:60px;height:60px}@media (orientation:portrait){.aside--left,.aside--right,.header,.main,.text{grid-column:1/3}.aside,.inputs{row-gap:0}.darkmode{width:40px;height:40px}body{grid-template-columns:50% 50%;grid-template-rows:auto auto auto auto auto auto auto auto auto auto auto}.header{grid-row:1/2}.aside__title--primary{grid-column:1/3;grid-row:2/3;margin-bottom:1vh;margin-top:0;font-size:1rem}.aside{margin-bottom:2vh}.aside__link{margin-right:2vw}.aside__link:last-of-type{margin-right:0}.main{margin-top:5vh;grid-row:5/6;max-width:100%}.text{width:95%;grid-row:6/7}.aside--left{grid-row:3/4}.aside--right{grid-row:4/5}.header__title{margin-top:5vh;font-size:3.2rem;text-shadow:3px 3px rgba(0,0,0,.8)}.header__description{font-size:1.5rem;text-shadow:2px 2px rgba(0,0,0,.8)}.aside__title--socials{grid-column:1/2;grid-row:7/8;margin-bottom:1vh}.aside__title--donation{grid-column:2/3;grid-row:7/8;margin-bottom:1vh}.social{grid-column:1/2;grid-row:8/9}.donation{grid-column:2/3;grid-row:8/9}.graphwrapper{height:85vh;width:100%;max-width:100%;max-height:85vh}.inputs__button,.inputs__capitallabel,.summary__label,.summary__value{font-size:.5rem}.inputs__capitalinput{font-size:12px;height:3vh}.inputs__capital{padding-bottom:1vh}.inputs__compounded,.inputs__tradetype{border-right:1px dashed rgba(101,13,89,.7)}.description__paragraph{font-size:1.125rem}.contact__email{font-size:.75rem}.contactgrid__box{padding-left:5px;padding-right:5px;font-size:15px}.aside__title--secondary{display:none}.aside__image{opacity:1!important}.aside{display:flex;align-items:center;column-gap:0;justify-content:space-evenly;margin-top:0;flex-direction:row}.aside__image,.aside__link{margin-bottom:0;width:10vw;height:10vw}.aside__title--donation,.aside__title--socials{font-size:.9rem}.socials__wrapper{flex-wrap:wrap;padding-bottom:3vh;padding-top:1vh;align-items:center}.socials__wrapper div{flex:50%}.socials__image{width:35px;height:35px}.socials__image--donation{width:45px;height:45px}}.dark .darkmode{background-image:url("assets/light.png")}body.dark{background:#292929!important}.dark .aside__image{opacity:.5!important}.dark .aside__image:hover,.dark .aside__link:focus .aside__image{transform:scale(1.15);opacity:1!important;border-radius:10%}.dark .graphwrapper{background-color:#4f4f4f!important}.dark .inputs__capitallabel,.dark .summary__label{color:#fff!important}.dark .summary__value--good{color:#00c200!important}.dark .summary__value--bad{color:#ff5050!important}@keyframes disappear{0%{opacity:1;transform:scale(1)}90%{opacity:0;transform:scale(.5)}}