@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;900&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.choose-employee{width:250px}.choose-employee>input{border:2px solid #ff3a3a;border-radius:8px;color:#000;padding:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;outline:none}.choose-employee>::-webkit-input-placeholder{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-style:italic;color:#000;opacity:.6}select{border:2px solid #ff3a3a;border-radius:8px;color:#000;opacity:.6;font-family:sans-serif;font-style:normal;outline:#ff3a3a;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-style:italic;padding:10px}.flex-container{display:flex;margin:25px}.footer{margin-top:20px;padding:10px;font-size:small;font-family:Arial,Helvetica,sans-serif;border-radius:8px;color:#000;font-weight:400;border:1px solid #ff3a3a}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff;color:#f2f2f2;font-family:Montserrat,sans-serif;font-weight:400}.flex{display:flex;justify-content:center;align-items:center;flex-direction:column}.container-main{min-height:85vh}.title{text-align:center;padding:2rem 0;gap:.5rem}.title>h1{font-size:3.5rem;font-weight:900;color:#ff3a3a}.title>span{font-size:1.5rem;letter-spacing:1px;font-weight:lighter}.grid{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:0 2rem;width:100%}.layout-cards{border:2px solid #ff3a3a;border-radius:5px;transition:all .3s linear}.layout-cards>p{border-radius:5px;background-color:#000;text-align:center;padding:1rem 0;font-weight:700;text-transform:capitalize}.layout-dragging{background:#ffffff17;border:2px dashed #ffffff8c}.layout-cards ul li{border:2px solid #ffffff8c;border-radius:8px}.layout-cards span{display:inline-block;display:block;color:#6d717e;margin-top:5px;font-weight:600;font-size:.75rem;font-style:italic;font-family:Verdana,Geneva,Tahoma,sans-serif}.layout-cards p{font-weight:700;font-size:1.2rem}.ceo-designation{display:block;color:#6d717e;margin-top:5px;font-weight:600;font-size:.75rem;font-style:italic;font-family:Verdana,Geneva,Tahoma,sans-serif}.employee-overflow{height:100%;max-height:70vh;overflow-y:scroll}.card-container{margin:0 1rem 1rem;background-color:#f9e7e7;color:#000;border:3px solid #ff3a3a33;border-radius:5px;padding:1rem;cursor:pointer;animation:fadeIn .3s ease-in-out}.card-container>span{display:block;color:#6d717e;margin-top:5px;font-weight:600;font-size:.75rem;font-style:italic;font-family:Verdana,Geneva,Tahoma,sans-serif}.container-main span img,.card-container span img{width:100%;height:100%;max-width:40px;max-height:40px;border-radius:50%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-container>p{font-weight:700;font-size:1.2rem}@media screen and (max-width: 800px){.grid{grid-template-columns:1fr;grid-template-rows:1fr}.title>h1{font-size:2rem}.flex-container{align-self:center;flex-direction:column;gap:25px}.choose-employee{width:100%}.layout-cards{overflow-y:scroll;height:250px;min-height:150px;max-height:250px}}