.background-layer{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background-image:linear-gradient(45deg,#4ba0d9,#6dd5fa,#fff)}.loader{position:relative}table{width:100%;text-align:left}table,td,th{border:1px solid rgba(52,52,52,.533);border-collapse:collapse}td,th{padding:.5rem;font-weight:600;font-size:1.1rem;color:#343434}.infos-header img{max-width:4.5rem;max-height:5rem;margin:0 auto;display:block;filter:drop-shadow(2px 2px 1px #515151)}.infos-header p{text-align:center;margin-bottom:1.25rem;font-weight:700}.scale p{font-weight:600;margin-bottom:.5rem}.scale .scale-bar{width:100%;display:flex;position:relative}.scale .scale-bar img{position:absolute;left:-1rem;width:2rem;height:auto;margin-top:.6rem;transform:rotate(180deg);transition:transform .4s ease-out}.scale .scale-bar .scale-section{height:.6rem;flex-grow:1;background-color:red}.scale .scale-bar .scale-section:not(:last-child){border-right:2px solid #f1f1f1}.scale .scale-bar .scale-section:nth-child(2){background-color:green}.scale .scale-bar .scale-section:nth-child(3){background-color:#d7d703}.scale .scale-bar .scale-section:nth-child(4){background-color:orange}.scale .scale-bar .scale-section:nth-child(5){background-color:red}.scale .scale-bar .scale-section:nth-child(6){flex-grow:2;background-color:purple}.scale .scale-bar .scale-section:nth-child(7){flex-grow:4;background-color:maroon}.infos-block{max-width:32rem;margin:0 auto;background-color:#f1f1f1;border-radius:15px;padding:1.5rem 1.5rem 3rem;position:relative;box-shadow:0 5px 5px rgba(0,0,0,.3)}main .app-container{padding:3rem .7rem 0}main h1{font-family:Roboto,sans-serif;text-align:center;font-size:4.5rem;margin-bottom:3rem;text-transform:uppercase;color:#f1f1f1;text-shadow:1px 1px 0 #333,1px 1px 0 #3a3a3a,1px 1px 0 #575757,1px 1px 0 #6b6b6b}