*{box-sizing:border-box!important}body{margin:0}#root{justify-content:center;align-items:center;height:100vh;font-family:helvetica;display:flex}.formTitle{place-items:center;margin-top:-10px;padding:10%;display:grid}.form{border-radius:20px;width:33%;padding:50px;box-shadow:3px 3px 5px #000}.formBtn{color:#fff;text-align:center;cursor:pointer;background-color:#87ceeb;border:dashed #000;border-radius:5px;padding:5%;font-size:16px;transition:opacity .3s ease-in-out,transform .2s ease-out,box-shadow .2s ease-in-out;position:relative;transform:translateY(0%);box-shadow:0 0 #000}.formBtn:hover{background-color:#90ee90;transform:translateY(-5px);box-shadow:0 15px 20px #9aa0b980,0 5px 5px #a6adc94d}.formInput{padding:10px}main{flex-direction:column;width:85%;height:85%;margin-left:15%;transition:filter .5s ease-in-out;display:flex;position:absolute}#NavBar{text-align:center;z-index:1;background-color:#fff;border-radius:0 10px 10px 20px;width:10%;height:95vh;padding:5px;transition:height .5s ease-out,width .5s ease-in-out,box-shadow .2s ease-in-out;box-shadow:3px 3px 5px #000}#NavBar:hover{width:25%;height:100%;box-shadow:0 15px 20px #9aa0b980,0 5px 5px #a6adc94d}body:has(#NavBar:hover) .Container{-webkit-backdrop-filter:brightness(50%);backdrop-filter:brightness(50%)}body:has(#NavBar:hover) .formBtn{opacity:.2}.NavbarBtn{color:#fff;text-align:center;cursor:pointer;background-color:gray;border:dashed #000;border-radius:10px;margin:8px;padding:5%;font-size:16px;text-decoration:none;transition:transform .2s ease-out,box-shadow .2s ease-in-out;display:inline-block;position:relative;transform:translateY(0%);box-shadow:3px 3px 5px #000}.NavbarBtn:hover{transform:translateY(-5px);box-shadow:0 15px 20px #9aa0b980,0 5px 5px #a6adc94d}.neutralBtn:hover{background-color:#87ceeb}.negativeBtn:hover{background-color:pink}.positiveBtn:hover{background-color:#90ee90}#dashboard{place-content:flex-start;display:flex}#Header{align-content:center;gap:10%;display:flex}main{flex-direction:row;justify-content:center;width:85%;height:100%;margin-left:15%;transition:filter .5s ease-in-out;display:flex;position:absolute}.Container{width:100%;height:100%;transition:-webkit-backdrop-filter .5s ease-in-out,backdrop-filter .5s ease-in-out;display:flex;box-sizing:border-box!important}