@import url(https://fonts.googleapis.com/css?family=Roboto);*,body{padding:0;margin:0}body{background-color:#3a4048;font-family:Roboto,sans-serif}.App{color:#fbfbfb}.App h1{text-align:center;font-weight:700;font-size:50px;color:#dbe6ef;margin:20px}.mainContainer{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.faecherAuswahl{max-width:700px;width:95%;padding:20px 0;margin:20px auto;background-image:-webkit-linear-gradient(45deg,#f49b8b,#e8bac9);background-image:linear-gradient(45deg,#f49b8b,#e8bac9);border-radius:7px;position:relative}.finished{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;border-radius:8px;background-color:rgba(211,86,86,.733);color:#fff}.finished a{font-size:50px;font-weight:700}.finished div{margin-top:20px;padding:8px 20px;border-radius:5px;background-color:#2ab7ca;cursor:pointer;-webkit-transition:background-color .25s;transition:background-color .25s}.finished div:hover{background-color:#2b97a5}.faecherAuswahl h2{margin-top:0;font-weight:200}.faecherAuswahl h2,.faecherAuswahl h5{text-align:center;margin-bottom:10px}.faecherListe{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}.fachContainer{position:relative;margin:5px 10px;padding:15px 25px;background-color:#ececec;border-radius:3px;color:grey;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.fachContainer:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#3a4048;-webkit-transition:width .25s;transition:width .25s}.fachContainer:hover:before{width:100%}.fachContainer a{font-size:15px}.gewichtung{height:30px}.gewichtung,.gewichtung div{display:flex;justify-content:center}.gewichtung div{min-width:30px;max-width:50px;width:10vw;align-items:center;color:#fff;font-weight:100;font-size:10px;-webkit-transition:all .25s;transition:all .25s;border-radius:3px;margin:0 5px;color:grey;box-shadow:0 5px 8px rgba(0,0,0,.05)}.gewichtung div:hover{-webkit-transform:scale(.9);transform:scale(.9)}.gewichtung .lk{background:#dbe6ef}.gewichtung .gk{background:#cad8e4}.gewichtung .mü{background:#a8bac9;color:#fff}.gewichtung .ek{background:#869eb1;color:#fff}.secondContainer{max-width:700px;width:95%;padding:20px 0;margin:20px auto;background-color:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.fächerCounter{display:flex;justify-content:space-between;padding:10px 15px;border-radius:3px;background-color:#fbfbfb;margin:0 10px}.gewählteFächer{flex-direction:row}.gewählteFächer,.notenChooser{display:flex;justify-content:center;align-items:center}.notenChooser{color:#3a4048;flex-direction:column;flex-wrap:wrap;text-align:center;padding:20px 10px;margin:10px}.nameGewichtung{display:flex;flex-direction:row;justify-content:center;align-items:center}.nameGewichtung h3{margin:0}.gewichtungIcon{background-color:#f3f3f3;color:grey;width:40px;padding:7px 0;border-radius:5px;margin-left:10px}.selectNote{margin-top:20px;background-color:hsla(0,0%,100%,.548);border:none;outline:none;width:50px;height:25px;border-radius:0}.fachLöschen{margin-top:20px;border-radius:3px;padding:5px 10px;cursor:pointer;background-color:#fff;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;color:red;font-size:12px;font-weight:700}.fachLöschen:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.nextFachContainer{display:flex;justify-content:center;align-items:center}.nextFachContainer svg{width:30px;margin:0 30px}.berechnenContainer{max-width:700px;width:95vw;padding:20px 0;background-color:#f4f4f8;border-radius:10px;margin:auto auto 20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.berechnenContainer h1{margin-top:10px}.berechnenBTN{width:50%;color:#fff;padding:8px 15px;background-color:#3a4048;display:flex;justify-content:center;border-radius:5px;cursor:pointer;margin:10px auto auto;-webkit-transition:background-color .25s;transition:background-color .25s}.berechnenBTN:hover{background-color:#4a525c}.verbessernContainer{max-width:700px;width:95vw;padding:20px 0;background-color:#f4f4f8;border-radius:10px;margin:auto auto 20px;display:flex;align-items:center;flex-direction:column}.verbessernContainer>h2{margin-bottom:10px}.progressBar{width:100%;height:20px;border-radius:5px;margin:20px 0;background-color:#ececec}.progressBar>div{width:70%;height:100%;background-image:-webkit-linear-gradient(330deg,#f6d365,#fda085);background-image:linear-gradient(120deg,#f6d365,#fda085);border-radius:5px;-webkit-transition:width .5s;transition:width .5s}.progressContainer{width:80%}@media only screen and (max-width:1000px){.mainContainer{display:block}.fachContainer{padding:15px}.gewichtung div{margin:0 2px}}
/*# sourceMappingURL=main.d0f855d4.chunk.css.map */