a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{*zoom:1;display:inline-block;*display:inline;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{-ms-interpolation-mode:bicubic;border:0}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:initial;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;*height:13px;padding:0;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:initial}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}html{overflow-y:scroll}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Poppins,Roboto,Oxygen,Ubuntu,-apple-system,BlinkMacSystemFont,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}button{border:none;border-radius:8px;box-sizing:border-box;height:50px;margin:20px 20px 0 0;padding:10px 20px;transition:all .5s;width:-webkit-fit-content;width:fit-content;z-index:20}button:disabled{cursor:not-allowed;filter:grayscale(1)}input{height:50px;padding:20px}input,textarea{background-color:var(--main-2-trans);border:1px solid var(--main-2-trans);border-radius:8px;box-sizing:border-box;color:#fff;margin:10px 0 30px;max-width:500px}textarea{font-family:Poppins,Roboto,Oxygen,Ubuntu,-apple-system,BlinkMacSystemFont,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100px;padding:12px 20px}img{height:100%;width:auto}p{letter-spacing:.5px;line-height:20px}html{--main-1:#0c142a;--main-2:#fff;--main-3:#0c142a;--main-accent:#d300ff;--main-accent-pride:linear-gradient(90deg,#fe0000 16.66%,#fd8c00 0,33.32%,#ffe500 33.32%,49.98%,#119f0b 49.98%,66.64%,#0644b3 66.64%,83.3%,#c22edc 83.3%);--main-accent-gradient:linear-gradient(-35deg,#d300ff,#8300ff);--main-accent-gradient-analyse:linear-gradient(-35deg,#d300ff,#8300ff 400px);--main-background:#0b001b;--main-background-persistent:linear-gradient(-20deg,#0fe267,#b410ce,#f99512);--background-footer:linear-gradient(180deg,#0b001b,#4f006e);--main-1-trans:#0c142a88;--main-2-trans:#ffffff22;--main-3-trans:#ffffffbb;--main-accent-trans:#d300ff77;--font-main:#fff;--font-main-secondary:#0c142a;--font-main-white:#fff;--font-main-dark:#0c142a;--spotify_main:#1db954;--main-red:#d12}html[dark]{--main-1:#fff;--main-2:#0c142a;--main-3: ;--main-4: ;--main-5: ;--font-main:#1e3264;--font-main-white:#fff;--font-main-dark:#0c142a;--spotify_main:#1db954}*{color:var(--font-main)}h1{font-size:38px;font-weight:600;line-height:45px;margin-bottom:30px;width:-webkit-fit-content;width:fit-content}h2{font-size:48px}h3{font-size:32px;font-weight:600}h4{font-size:24px}p{font-size:16px;line-height:18px;margin-bottom:5px}.about{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:120px 50px 50px;position:relative;width:100vw}.purple-outline{-webkit-text-stroke:1px var(--main-accent)}@media only screen and (max-width:600px){.about{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:120px 50px 50px;position:relative;width:100vw}}.App{background-color:var(--main-background)}.disclaimer{font-size:12px;margin-bottom:15px;z-index:20}.logo{left:50px;position:absolute;top:50px}.logo:hover{cursor:pointer}.bold{font-weight:600}.title{z-index:200}.no-scroll{height:100vh;overflow:hidden}.opaque{color:var(--main-accent);letter-spacing:5px}.opaque-text{color:#ffffff80}.flex{display:flex}.button-primary{background:var(--main-accent-gradient);color:var(--font-main-white);font-weight:700;text-shadow:#000 1px 1px 10px}.button-secondary{background-color:var(--main-2-trans);border:1px solid var(--main-2-trans);color:var(--main-3-trans)}.paragraph,.paragraph-important{color:var(--main-3-trans);line-height:30px;margin:20px 0;max-width:600px;z-index:20}.paragraph-important{font-size:20px;font-weight:700}.toast-element{background-color:var(--main-2-trans);border:1px solid var(--main-accent);border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:10px;position:absolute;right:25px;top:80px;width:-webkit-fit-content;width:fit-content}.artist{align-items:center;background:var(--main-2-trans);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;margin:25px}.artist,.artist-card-image{position:relative;width:350px}.artist-card-image{background-size:cover;border-radius:15px 15px 0 0;filter:grayscale(1);height:325px}.artist-card-genres{align-items:flex-end;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding:10px;position:absolute;width:100%}.artist-card-genres-background{background:linear-gradient(0deg,#000,#0003,#0000);height:100%;width:100%}.artist-card-genre-tag{background-color:#ffffff55;border:1px solid #fff;border-radius:20px;margin-top:10px;padding:2px 6px}.artist-card-genre-tag,.artist-card-genre-tag p{height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}.artist-card-genre-tag p{font-size:10px;margin:0}.artist-rank{font-size:100px;top:calc(50% - 10px)}.artist-about,.artist-rank{font-weight:400;opacity:0;position:absolute;transition:-webkit-opacity .3s;transition:opacity .3s;transition:opacity .3s,-webkit-opacity .3s;z-index:3}.artist-about{bottom:0;font-size:15px;margin:10px;right:0;text-decoration:none}.artist-about-arrow{width:15px}.img-container:after{background-color:#000;border-radius:15px 15px 0 0;content:"";height:100%;opacity:0;position:absolute;transition:-webkit-opacity .3s;transition:opacity .3s;transition:opacity .3s,-webkit-opacity .3s;width:100%;z-index:2}.img-container:hover:after{opacity:.6}.img-container:hover .artist-about,.img-container:hover .artist-rank{opacity:.8}.artist-card-name{font-size:18px;margin-bottom:25px;text-align:center}@media only screen and (max-width:1185px){.artist{margin:25px 25px 0}}.overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.time-button.disabled{opacity:.8}.time-button.disabled:hover{background:inherit;color:inherit;cursor:not-allowed}.artist-top{background:var(--main-2-trans);border-radius:20px;display:flex;flex-direction:row;margin:30px 30px 60px;max-width:900px;position:relative}.top-card-information{display:flex;flex-direction:column;justify-content:center;margin:50px;max-width:450px}.top-card-description{font-size:24px;font-weight:200;margin-bottom:20px;width:-webkit-fit-content;width:fit-content}.top-card-description,.top-card-primary{box-sizing:border-box;color:var(--font-main-white);height:-webkit-fit-content;height:fit-content}.top-card-primary{font-size:48px;line-height:40px;width:450px}.top-card-secondary{box-sizing:border-box;color:var(--font-main-white);font-size:24px;font-weight:200;height:-webkit-fit-content;height:fit-content;line-height:24px;margin-top:20px;width:-webkit-fit-content;width:fit-content}.top-card-image{background-position:50%;background-size:cover;filter:grayscale(1);height:400px;width:400px}.top-card-image-artist{border-radius:0 15px 15px 0}.top-card-image-track{border-radius:15px 0 0 15px}.time-switch{display:flex;flex-direction:row;justify-content:space-between;margin-top:auto;width:300px}.time-switch,.time-switch-detail{align-self:center}.time-button{align-items:center;background:var(--main-2-trans);border-radius:5px;box-sizing:border-box;color:var(--font-main);display:flex;font-size:16px;height:-webkit-fit-content;height:fit-content;justify-content:center;margin:7px;padding:7px 10px;text-align:center}.button-selected{background:var(--main-accent-gradient);color:var(--font-main-white);text-shadow:#000 1px 1px 5px}.time-button:hover{background:var(--main-2);color:var(--font-main-secondary);cursor:pointer}.padding-right{padding-right:50px}.padding-left{padding-left:50px}@media only screen and (max-width:1000px){.artist-top{align-items:center;flex-direction:column;margin:25px 25px 0;max-width:350px}.top-card-primary{height:-webkit-fit-content;height:fit-content;margin-bottom:40px;overflow-wrap:anywhere;width:-webkit-fit-content;width:fit-content}.top-card-information{align-items:center;margin:25px;max-width:300px;min-height:250px}.top-card-image{height:325px;width:350px}.time-switch{width:250px}.top-card-information-artist{align-items:center;margin-bottom:50px}.top-card-information-track{align-items:center;margin-top:50px}.top-card-image-artist{border-radius:0 0 15px 15px}.top-card-image-track{border-radius:15px 15px 0 0}.padding-right{padding-right:0}.padding-left{padding-left:0}}.track{align-items:center;background-color:var(--main-2-trans);border-radius:15px;box-sizing:border-box;display:flex;height:-webkit-fit-content;height:fit-content;margin:25px 25px 0;position:relative;width:1000px}.top-section p{margin:5px 0}.card-image{border-radius:15px 0 0 15px;filter:grayscale(1);height:100px;margin-right:10px;width:auto}.track-index{color:var(--font-main-white);font-size:20px;margin-top:5px}.artist-name,.track-name{font-size:18px;margin-right:50px!important}.highlight-circle{align-items:center;background-color:var(--main-1-trans);border-radius:0 15px 0 0;display:flex;height:50px;justify-content:center;position:absolute;right:0;top:0;width:50px}.highlight-circle p{color:var(--font-main)}@media only screen and (max-width:1185px){.track{width:80vw}}@media only screen and (max-width:600px){.track{width:350px}}.playlist-container{align-items:center}.chart-area,.playlist-container{display:flex;flex-direction:column;justify-content:center}.chart-area{align-items:flex-start;height:100%;width:50%}.playlist-analyse{background-size:cover;background:var(--main-background);height:100vh;justify-content:space-between;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.playlist-analyse,.playlist-overlay{align-items:center;box-sizing:border-box;display:flex}.playlist-overlay{background:var(--main-2-trans);border-radius:20px;flex-direction:row;height:60vh;padding:50px;width:80vw}.analyse-property{display:flex;justify-content:flex-start;width:50%}.playlist{align-items:center;background:var(--main-2-trans);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;margin:25px;position:relative;width:350px}.playlist-card-image{background-size:cover;border-radius:15px 15px 0 0;filter:grayscale(1);height:325px;position:relative;width:350px}.playlist-rank{cursor:pointer;font-size:60px;font-weight:400;opacity:0;position:absolute;top:calc(50% - 10px);transition:-webkit-opacity .3s;transition:opacity .3s;transition:opacity .3s,-webkit-opacity .3s;z-index:3}.img-container{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin-bottom:25px;position:relative}.img-container:hover .playlist-rank{opacity:.8}.playlist-card-name{font-size:18px;margin-bottom:25px;text-align:center}@media only screen and (max-width:1185px){.playlist{margin:25px 25px 0}.analyse-serie,.playlist-overlay{align-items:center;flex-direction:column}.analyse-serie{display:flex}.chart-area{height:80%}.analyse-chart,.chart-area{width:100%!important}.analyse-title-box{align-items:center}}@media only screen and (max-width:600px){.playlist{margin:25px 25px 0}.playlist-overlay{height:calc(100vh - 50px);width:calc(100vw - 50px)}.analyse-serie,.playlist-overlay{align-items:center;flex-direction:column}.analyse-serie{display:flex}.chart-area{height:80%}.analyse-chart,.chart-area{width:100%!important}.analyse-title-box{align-items:center}.close-analyse{right:50px!important;top:50px!important}.analyse-chart-box{width:75vw!important}}.analyse-title-box{display:flex;flex-direction:column}.analyse-name,.analyse-title{width:-webkit-fit-content;width:fit-content}.analyse-name{font-size:24px;font-weight:600;line-height:30px}.analyse-info{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:50%}.analyse-chart{height:-webkit-fit-content;height:fit-content;position:relative;width:50%}.analyse-chart-box{align-items:center;display:flex;flex-direction:column;height:10px;margin-bottom:5px;position:relative;width:400px}.analyse-chart-background{background-color:var(--main-2-trans);width:100%}.analyse-chart-background,.analyse-chart-foreground{border-radius:5px;height:10px;position:absolute;top:0}.analyse-chart-foreground{align-self:flex-start;background:var(--main-accent-gradient-analyse);transition-duration:.3s;transition-property:width;width:0}.close-analyse{height:30px;position:fixed;right:30px;top:30px;width:30px}.footer{align-items:center;background:var(--background-footer);flex-direction:column;padding:20px}.creators,.footer{box-sizing:border-box;display:flex}.creators{flex-direction:row;flex-wrap:wrap}.creators,.disclaimer{justify-content:center}.disclaimer{display:flex;flex-direction:column}.separator{background-color:#fffc;height:1px;margin:25px;width:300px}.separator-short{background-color:#fff3;height:1px;margin:5px;width:100px}.footer-link{text-decoration:none}.creator-area{margin:0 30px 30px}.creator-area,.creator-info{align-items:center;display:flex;flex-direction:column}.creator-info{justify-content:center;margin-bottom:25px}.creator-link{align-items:center;border-radius:10px;display:flex;flex-direction:row;justify-content:center;margin-bottom:5px;padding:5px}.creator-link:hover{background-color:#fff3}.creator-link-label{margin:0;padding:0}.creator-image{border-radius:100%;height:120px;margin-bottom:10px}.creator-link-image{height:30px;margin-right:10px}.header{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:30px;padding:20px}.header-link{text-decoration:none}.user_badge{align-items:center;display:flex;flex-direction:row;justify-content:center;z-index:200}.user_image{border:3px solid var(--font-main-white);border-radius:50%}.user_image,.user_image_mobile{box-sizing:border-box;height:40px;width:40px}.user_information{display:flex;flex-direction:column;justify-content:flex-start;margin-left:5px}.user_name{font-weight:600;margin:0}.logout_button{cursor:pointer;font-size:14px;margin:0}.logout_button:hover{color:var(--main-accent)}@media only screen and (max-width:1000px){.fullscreen-menu{align-items:center;background:var(--main-background);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:scaleY(0);transform-origin:top;transition:transform .4s;visibility:hidden;width:100vw;z-index:199}.fullscreen-navigation-item{color:var(--font-main-white);font-size:32px;font-weight:200;margin:15px;text-decoration:none}.fullscreen-navigation-logout{font-size:20px}.fullscreen-navigation-active{font-weight:600}.menu-active{transform:scaleY(1);visibility:visible;z-index:199}.close-menu{height:30px;margin:15px;padding:10px;width:-webkit-fit-content;width:fit-content}}.screentosmall{flex-direction:column;height:calc(100vh - 80px);justify-content:center;text-align:center}.navigation,.screentosmall{align-items:center;display:flex}.navigation{justify-content:space-around;width:50%}.navigation-item{text-decoration:none;transition:-webkit-font-size .3s;transition:font-size .3s;transition:font-size .3s,-webkit-font-size .3s;width:-webkit-fit-content;width:fit-content}.navigation-inactive{position:relative}.navigation-inactive:hover{font-size:24px}.navigation-active{font-size:32px;font-weight:600}.wrapper{height:50em}.loader{margin:200px auto 88px}.wrapper{height:100%;position:relative;width:50%}.loader,.loader:after,.loader:before{animation:load1 1s ease-in-out infinite;background:#fff;height:4em;width:1em}.loader{animation-delay:-.16s;color:#fff;font-size:11px;margin:200px 0 88px auto;position:relative;text-indent:-9999em;transform:translateZ(0)}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{animation-delay:-.32s;left:-1.5em}.loader:after{left:1.5em}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.landingpage{background-color:var(--main-background);background-size:cover;display:flex;flex-direction:row;overflow:hidden}.landingpage-image{background-size:cover;filter:blur(1px) opacity(.5);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:0}.color-circle{animation:circle 5s ease-in-out infinite;border-radius:50%;box-shadow:1px 4px 30px 0 var(--main-accent-trans);height:500px;left:50vw;position:fixed;top:20vh;width:500px;z-index:0}.color-circle,.langing-page-tag-title{background:var(--main-accent-gradient)}.langing-page-tag-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:var(--main-accent);letter-spacing:5px;width:-webkit-fit-content;width:fit-content;z-index:20}.landing-page-title{font-size:64px;font-weight:800;letter-spacing:3px;line-height:60px;margin-top:10px;z-index:20}.landing-page-title-span{-webkit-text-stroke:1px #fff;color:#0000}.scroll{overflow-y:scroll!important}.maring-top{height:-webkit-fit-content!important;height:fit-content!important;margin-top:100px}.login-area{background:none;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow-y:scroll;padding:50px;position:relative;width:100vw}.login-buttons{display:flex;flex-wrap:wrap}.login-button-image{height:50px;width:50px}.spotify-image{height:47px;width:47px}.warning-pulsing{cursor:pointer;height:50px;margin:20px 20px 0 0;width:auto}@keyframes circle{0%{left:50vw;transform:scale(.97)}50%{left:51vw;transform:scale(1)}to{left:50vw;transform:scale(.97)}}@media only screen and (max-width:1000px){.landing-page-title{font-size:40px;line-height:40px}}.warning-container{background-color:blue;box-sizing:border-box;height:100vh;overflow:hidden;padding:20px;position:absolute;width:100vw;z-index:19999999}.analyze{align-items:center;display:flex;flex-direction:column}.analyze-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:25px}@media only screen and (max-width:1000px){.analyze{text-align:center}}.artists{flex-direction:column}.artists,.artists-content{display:flex;justify-content:center}.artists-content{flex-direction:row;flex-wrap:wrap;margin-bottom:25px}.site-title{font-weight:600;text-align:center;width:100vw}.genre{background-color:var(--main-2-trans);border-radius:5px;height:80px;justify-content:space-between;margin:25px;width:350px}.genre,.genre .left{align-items:center;display:flex}.genre .left{background-color:var(--main-2);border-bottom-left-radius:5px;border-top-left-radius:5px;height:100%;justify-content:center;width:80px}.genre .left h3{color:var(--font-main-secondary)}.genre .right{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:270px}.genre .right p{font-size:18px}@media only screen and (max-width:1185px){.genre{margin:25px 25px 0}}.genres{align-items:center;flex-direction:column}.genres,.genres-content{display:flex;justify-content:center}.genres-content{flex-direction:row;flex-wrap:wrap}.include-ranking-container{align-items:center;display:flex;flex-direction:column;margin:40px 20px 20px}.ranking-container{align-items:center}.ranking-container p{margin:0}.artists-weighting{background-color:var(--main-2-trans);border-radius:15px;box-sizing:border-box;height:30px;margin-left:10px;padding:5px;transition:background-color .2s ease;width:60px}.artists-weighting-switch{background-color:var(--main-2);border-radius:10px;height:20px;left:0;position:relative;transition:left .2s ease;width:20px}.info-card{background-color:var(--main-2);border-radius:5px;height:-webkit-fit-content;height:fit-content;margin:10px;padding:10px;text-align:center;width:300px}.info-card p{color:var(--font-main-dark);font-weight:700}.overview{align-items:center;display:flex;flex-direction:column;margin-bottom:25px}.overview-title{text-align:center;width:80%}@media only screen and (max-width:1000px){.overview{text-align:center}}.tracks{justify-content:center}.tracks,.tracks-content{display:flex;flex-direction:column}.tracks-content{align-items:center;margin-bottom:25px}.button-container{display:flex;justify-content:center}.create-playlist-button{align-self:flex-end;background:var(--main-2-trans);border-radius:5px;box-sizing:border-box;display:flex;font-size:16px;height:30px;margin-right:15px;margin-top:-30px;padding:7px 10px;width:-webkit-fit-content;width:fit-content}.hide{display:none}.done{background-color:var(--spotify_main);color:var(--font-main)}.error{background-color:initial;border:2px solid var(--main-red);color:var(--main-red)}.create-playlist-button:hover{background-color:var(--main-2);color:var(--font-main-secondary);cursor:pointer}@media only screen and (max-width:1000px){.create-playlist-button{position:absolute;right:55px;top:54px}}.user-image-box{align-items:center;background-color:var(--main-2-trans);display:flex;height:350px;justify-content:center;width:350px}.user-image,.user-image-box{background-size:cover;border-radius:15px;position:relative}.user-image{height:325px;width:325px}.circle-box{height:30px;margin:0 10px 0 0;position:relative;width:30px}.circle-box,.location{display:flex}.circle{animation:pulse 4s cubic-bezier(.36,.11,.89,.32) infinite;background-color:#32cd32;border-radius:50%;height:15px;left:7.5px;opacity:0;position:absolute;top:7.5px;width:15px}.c1{animation-delay:-3s}.c2{animation-delay:-2s}.c3{animation-delay:-1s}.c4{animation-delay:0s}@keyframes pulse{0%{opacity:.5;transform:scale(.4)}to{opacity:0;transform:scale(2)}}.roadmap-area{background:none;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:120px 50px 50px;width:100vw}.roadmap,.roadmap-area{box-sizing:border-box;display:flex;position:relative}.roadmap{height:400px;margin-top:80px;overflow-x:auto;width:calc(100vw - 100px)}.roadmap-button{margin-top:40px}.roadmap-element{align-items:center;display:flex;flex-direction:column;height:280px;justify-content:flex-start;width:250px}.roadmap-element-date,.roadmap-element-title{font-size:20px;font-weight:600}.roadmap-element-paragraph{color:var(--main-3-trans);line-height:30px;padding:15px;text-align:center}.roadmap-progress{align-items:center;display:flex;justify-content:center}.roadmap-divider{background-color:var(--main-3-trans);height:4px;margin:20px 0;width:220px}.roadmap-state{border-radius:15px;box-sizing:border-box;height:30px;width:30px}.margin-right-100{margin-right:100px}.line-trough{text-decoration:line-through}.text-inactive{color:var(--main-2-trans)}.inactive{background-color:var(--main-2-trans)}.roadmap-state-completed{background-color:var(--main-accent)}.roadmap-state-active{border:3px solid var(--main-accent)}.roadmap-state-canceled{border:3px solid var(--main-3-trans)}.roadmap-state-inactive{border:3px solid var(--main-2-trans)}
/*# sourceMappingURL=main.a75039b1.css.map*/