:root{--background:#fff;--background05:hsla(0,0%,95%,.459);--background1:#ebebeb;--middle:#878787;--foreground:#171717;--foreground1:#5b5b5b;--green:#90ee90;--red:#ff6767;--logo:url(/imgs/logo/black.jpg)}@media (prefers-color-scheme:dark){:root{--foreground:#fff;--foreground1:#e3e3e3;--background:#000;--background05:#0000007c;--background1:#2a2a2a;--green:green;--red:#b70000;--logo:url(/imgs/logo/white.jpg)}}body,html{max-width:100vw;overflow-x:hidden;height:100svh}body{background-color:var(--background05);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;align-items:center;section{position:relative;margin-top:40px;width:100%;height:100%}}*{box-sizing:border-box;padding:0;margin:0;font-family:sans-serif}a{color:var(--foreground);text-decoration:none;&:hover{color:var(--foreground1)}}@media (prefers-color-scheme:dark){html{color-scheme:dark}}button,input,select,textarea{padding:10px;border:none;color:var(--foreground);background-color:var(--background1)}input[type=checkbox]{background-color:var(--background1);height:20px;width:20px;accent-color:var(--foreground)}button{transition:all .2s linear;position:relative;width:-moz-fit-content;width:fit-content;&:hover{background-color:var(--foreground1);color:var(--background);&.green{background-color:var(--green)}&.green,&.red{color:var(--foreground)}&.red{background-color:var(--red)}}}@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spin{0%{--ang:0deg}to{--ang:360deg}}#Home{#projets{padding:10px;display:flex;flex-wrap:wrap;gap:10px;.projet{position:relative;padding:10px;width:200px;height:100px;border-radius:3px;background-color:var(--background1);color:var(--foreground)}.projet:hover:after,.projet:hover:before{animation:spin 3s linear infinite;box-sizing:content-box;z-index:-1;content:"";position:absolute;padding:2px;border-radius:4px;top:50%;left:50%;translate:-50% -50%;width:inherit;height:inherit;background-image:conic-gradient(from var(--ang),var(--foreground),transparent,var(--foreground),transparent,var(--foreground),transparent)}.projet:hover:before{filter:blur(1.5rem);opacity:.5}}}#Project{padding:10px;display:flex;flex-direction:column;gap:5px;#tables{margin:10px 0;max-width:400;display:flex;flex-direction:column;gap:5px;a{background-color:var(--background1);padding:10px;transition:all .2s linear;&:hover{background-color:var(--foreground1);color:var(--background)}}}}body:has(#Table){overflow-y:hidden}#Table{height:100%;width:100%!important;display:flex;margin-top:0;transition:all 1s linear;main{margin-top:40px;overflow-x:auto;width:100%!important}table{transition:all 1s linear}}#Profile{&>div:first-child{display:flex;gap:10px}}table{width:100%;border-collapse:collapse;border:1px solid var(--middle);margin:10px 0;tr{width:-moz-fit-content;width:fit-content;&:hover{td{background-color:var(--background1);button{background-color:var(--foreground1);color:var(--background);&:hover{background-color:var(--foreground);&.green{background-color:var(--green)}&.green,&.red{color:var(--foreground)}&.red{background-color:var(--red)}}}}}tr{display:flex;flex-direction:row}th{border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;&:hover{color:gray}}td{border:1px solid var(--middle);color:var(--foreground1)}td,th{padding:5px 15px;width:-moz-fit-content;width:fit-content;height:40px;overflow:visible;min-width:50px;&:has(input[type=number]),&:has(input[type=text]),&:has(select){padding:0}&:has(button){display:flex;flex-wrap:nowrap;border-color:transparent;padding:5px 15px;height:-moz-fit-content;height:fit-content}select{height:100%;width:100%;min-width:6em;padding-left:5px;background-color:transparent}input[type=number],input[type=text]{box-sizing:content-box;padding:5px 15px;height:100%;background-color:transparent;text-align:center;min-width:50px;width:50px;outline:none}button{height:100%}}.last{width:100%;text-align:start;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid var(--middle);button{margin-right:5px}}}}