#root{width:100%;height:100%}.modal-content{position:absolute;top:"50%";left:"50%";transform:translate("-50%","-50%");width:400px;background-color:#fff;box-shadow:24;padding:4px}.layout{height:100%;display:grid;grid-template-columns:auto 1fr;gap:15px;padding:10px}.menu{min-width:170px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(#074ca7,#33a9ee);border-radius:10px;box-shadow:0 0 10px #000}.menu h1{padding:4px;width:100%;text-align:center;border-bottom:2px solid black;color:#34ccf1}.menu b{margin-bottom:10px}.icon{font-size:35px;color:#34ccf1}.op a{color:#34ccf1;margin:18px 0 0;display:block;text-decoration:none}.op ul{padding-inline:20px;list-style:none;font-size:18px}.op ul li a:hover{transition:.4s;color:#280ca1}.op ul li a{transition:.4s}.op .logout a{translate:0 370px;color:#0a499b}.op ul .logout a:hover{color:#bb2626}.page{text-align:center;padding:5px;height:100%;background-image:url(/imgs/blue.jpg);box-shadow:0 0 10px #000;border-radius:10px}.page h1{color:#0d569e;padding-top:12px;border:none;outline:none;border-radius:10px}.login{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.login .container{height:363px;width:350px;background-color:#ffffff93;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:4px 4px 10px #2222225e;border-radius:7%;border-style:solid;border-color:#22222215}.login .container .title{display:flex;flex-direction:row;justify-content:center;align-items:center}.login .container .title h1{color:#000000c4}.login .container .title img{width:120px}.buttom-login{background:linear-gradient(270deg,#143a6c,#6d9d43,#8140e2);background-size:400% 400%;animation:animationName 4s ease infinite}@keyframes animationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}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;height:100vh;background-image:url(/imgs/login.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}