@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;500;300&display=swap";::-webkit-scrollbar{width:.5vw;height:.5vh}::-webkit-scrollbar-thumb{background-color:#ff6600c2;border-radius:1vmax}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb:hover{background-color:#f60}::-webkit-scrollbar-button{display:none}body{background-color:#ebebe4;overflow:hidden}.App{font-family:Lora,serif;overflow:hidden}.wrapper_left,.wrapper_right{position:fixed;top:10.5vh}.wrapper_left{left:7vw}.wrapper_right{justify-content:right;justify-items:right;min-height:40vh;min-width:54.1vw;max-width:min-content;right:7vw}.link_input,.words_input{padding:1.2vh;font-family:Lora,serif;font-weight:500;border:.3vmin solid rgb(255,102,0);border-radius:1.5vmin;font-size:2.7vh}.link_input{position:absolute;width:56.2vw}.link_input[disabled]{background-color:#fff}.words_input{width:29.2vw}input:focus{outline:none!important;box-shadow:0 0 1vmax #f60;transition:box-shadow .3s ease-in-out}.filters_holder{background-color:transparent;overflow-y:auto;font-size:2.5vh;display:flex;flex-wrap:wrap;margin-top:1vh;gap:2vh;height:auto;max-height:28vh;width:29.2vw;padding-right:.5vw;padding-block:1vh}.filters_holder::-webkit-scrollbar{width:0vw}.posts_holder{background-color:transparent;justify-content:right;margin-top:9vh;display:flex;flex-wrap:wrap;max-width:67.5vw;max-height:76.5vh;overflow-y:auto;overflow-x:hidden}.post{background-color:#ebebe4;margin:.4vh;border:.5vh solid white;border-radius:1vh;padding-inline:1vh;max-width:14vw;font-size:4vh}.post_skeleton{border:.5vh solid white;border-radius:1vh;margin:.4vh}.post_modal{padding:.8vh;border:.4vh solid rgb(255,102,0);border-radius:1vh;position:absolute;top:51.1vh;left:7vw;overflow-y:scroll;overflow-x:hidden}.post_text{font-size:3vh;font-weight:lighter;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.modal_by{font-weight:lighter;width:35vw;border-radius:10vh;display:flex;position:relative}.modal_by:after{content:"";position:absolute;bottom:0vh;width:40vw;height:.25vh;background-color:#f60}.modal_by h1{border:2px solid rgb(255,255,255);background-color:#ffffff80;color:#ff6600e6;padding-inline:1vh;padding-block:.8vh;margin-inline:1vh;border-radius:1vh}.modal_link{color:#fff;background-color:#ff6600e6;border:.4vh solid white;text-decoration:none;top:2.4vh;font-size:3vh;position:absolute;left:25vw;padding-inline:1vh;padding-block:.6vh;margin-inline:.4vh}.link_icon{position:relative;top:.3vh}.modal_text{font-size:2.3vh;margin:1vmax;flex-wrap:wrap;display:flex}.word_container,.ex_word{padding:.8vh;background:rgb(255,255,255);border-left:.4vh solid rgb(255,102,0);border-bottom:.4vh solid rgb(255,102,0);border-radius:1vh;height:fit-content;color:#000}.addWord,.linkLock{background-color:transparent;width:100%;height:100%;position:absolute;top:1vh;height:4vh;width:4vh;border:none}.addWord{left:27.8vw}.linkLock{position:fixed;top:11.5vh;left:93.7vw}.footer{position:absolute;left:0;bottom:0;width:100%;text-align:center;background-color:#f0f0f0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2.2vh 0}.footer_info,.name{font-size:2.4vh;font-family:Josefin Sans,sans-serif;margin:.4vh 2vh 0;text-align:center}.name{font-family:Lora,serif;color:#0929168c}.linkedin,.github{font-size:2.4vh;font-weight:500;font-family:Lora,serif;color:#f60c;text-decoration:none}.footer:before{content:"";display:block;width:100%;height:.5vh;background-color:#09291640;position:absolute;top:0;left:0}.guide_module{background-color:#ebebe4;border:.6vh solid white;z-index:2;width:20vw;height:30vh;border-radius:4vh;position:absolute;bottom:35vh;left:-18vw}.guide_wrapper{top:5.3vh;position:relative;left:2vw;max-width:30vh;display:grid;grid-template-columns:4.5vh 1fr}.step{font-size:2.5vh;font-weight:700}.step_description{font-size:2.2vh;transform:translateY(-1.8vh)}.ex_word{font-style:italic}.guide_module_button{font-size:3.5vh;font-weight:300;color:#f60;writing-mode:vertical-rl;text-orientation:upright;padding:1vh;background-color:#fff;position:absolute;right:0;top:4.5vh;transform:translate(5.4vh);border-radius:20vh}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}