*,*:before,*:after{box-sizing:border-box}*{margin:0}html{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:RobotoFlex;src:url(../src/assets/fonts/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf) format(ttf);font-stretch:25% 150%;font-style:oblique 0deg 10deg;font-weight:100 900;font-display:auto}body{width:100%;height:100dvh;overflow:hidden;font-family:Roboto,sans-serif;font-weight:400}body header{width:100%;height:10dvh}body main{width:100%;height:85dvh}body footer{width:100%;height:5dvh}main{position:relative;display:flex;justify-content:center;align-content:center;transition:.3s}main #newArticleModal{z-index:10;display:none;justify-content:center;align-items:center;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}#newArticleModal{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:25px;width:400px;height:150px;border:solid 1px black;border-radius:10px;padding:20px}#newArticleModal div{width:100%;display:flex;justify-content:center;align-items:center;gap:25px}#newArticleModal div input{width:300px}main{position:relative;display:flex;justify-content:space-between;align-content:center;padding:25px}main aside{width:10%;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:20px}main #addBlocModal{z-index:10;display:none;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:10px;border:solid 1px grey;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:100%}main #addBlocModal #blocContentModal{width:90%;resize:"none";height:200px}main #addBlocModal #modalButtons{width:150px;display:flex;justify-content:space-between;align-content:center}main #addBlocModal #modalToolBar{position:absolute;bottom:0;right:0}main #editor{width:60%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:25px;border:solid 1px grey;border-radius:10px;padding:25px}main #editor #editorContent{width:100%;transition:.3s}main #editor #editorContent h2{width:100%;transition:.3s}main #systemMenu{width:15%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}main #systemMenu #selectionMenu{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#b5b5b5;border:solid 1px rgb(181,181,181);border-radius:10px;padding:10px}main #systemMenu #selectionMenu #selectionOptions{width:100%;display:none;flex-direction:column;justify-content:center;align-items:center;gap:10px}main #systemMenu #selectionMenu #selectionOptions .optionContainer{width:100%}main #systemMenu #selectionMenu #selectionOptions .optionContainer .option{width:100%;display:flex;justify-content:space-around;align-items:center}main #systemMenu #saveMenu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.blur{pointer-events:none;filter:blur(5px) opacity(20%)}.bloc{cursor:pointer;transition:.3s}.bloc:hover{box-shadow:inset 0 0 4px #00000045}.selected{box-shadow:inset 0 0 4px #1944deb5!important}.activateSelection{color:#000!important}header{width:100%;display:flex;justify-content:space-between;align-items:center}header #headerTitle{display:flex;flex-direction:row;justify-content:center;align-items:center}header #headerTitle #headerLogo{width:50px;margin:25px}header p{color:#b8b8b8}header nav{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:25px}footer{display:flex;justify-content:flex-end;align-items:center;margin-right:25px}