*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:#747070}.home{width:100%;display:flex;flex-direction:column;gap:5em;align-items:center;flex-flow:column-wrap;margin-bottom:3em}.employee__details{width:80%;display:flex;justify-content:space-between;flex-wrap:wrap}.employee__head{width:100%;height:50px;margin-top:-70px;background-color:#90ee90;color:#000;display:flex;justify-content:space-between;align-items:center;padding:0 10px;cursor:pointer;font-size:1.3em}.employee__site{display:flex;gap:5em;align-items:center;flex-wrap:wrap}.employee__leftsite,.employee__rightsite{display:grid;color:#fff;border-radius:10px;width:350px;height:580px;align-items:stretch;background-color:#409ea5}.actions{display:flex;flex-direction:column;gap:1em;color:#fff}.head{display:grid;grid-template-columns:1.5fr 1fr;padding:13px;text-align:left;font-weight:900;font-size:1.2em}.body{margin-bottom:15em}.values,.active__value{color:#fff;cursor:pointer;margin-top:3px;display:grid;text-align:left;grid-template-columns:1.5fr 1fr;padding:1em 13px;align-items:center;text-justify:center;text-decoration:none}.values>.active{display:none}.values:hover>.active{display:block}.values__active>.active{display:block}.active__value>.active{display:block}h1{display:flex}h1>p{color:#a8f115}.values:nth-child(odd),.active__value:nth-child(odd){color:#000;border-radius:5px;background-color:#9acd32;transition:.5s ease-in-out}.values:nth-child(odd):hover{transform:scale(1.03)}.values:nth-child(even),.active__values:nth-child(even){background-color:#409ea5;border-radius:5px;transition:.5s ease-in-out}.values:nth-child(even):hover{border:1px solid white;transform:scale(1.03)}*{margin:0;padding:0;box-sizing:border-box}.dashboard{width:100%;display:flex;flex-direction:column}.dashboard__head{height:50px;background-color:#08fdd8;color:#000;display:flex;justify-content:space-between;align-items:center;padding:0 10px;cursor:pointer;font-size:1.3em;margin-top:10px}.dashboard__data{background-color:#fff;text-align:center}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{height:70px;display:flex;justify-content:space-around;background-color:#000;position:sticky;top:0;align-items:center}.header{color:#fff;font-size:1.8em;letter-spacing:2px;font-weight:500}