@font-face{font-family:SFPro;src:url(/fonts/SF-Pro.ttf)}*{margin:0;padding:0;box-sizing:border-box;font-family:SFPro;color:#e1e1e1;font-weight:400}body{margin:0}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#303030;border-radius:20px;border:3px solid #141414}*::selection{background-color:#303030}.t_content p{font-weight:200}button{transition:transform .3s}button:hover{transform:scale(.99)}.formResouces{display:flex;border-radius:20px;padding-top:20px;gap:10px;height:20%}.inputText{height:40px;width:33.33%;border-radius:15px;border:1px solid #303030;background-color:#141414;padding:5px 10px;font-size:14px;transition:box-shadow .5s}.inputText:focus{outline:#28bc5e;box-shadow:0 0 5px #28bc5e}.btn{height:40px;width:33.33%;border-radius:15px;background:linear-gradient(to bottom,#28bc5e,#1c7f40);border:1px solid #303030;font-size:18px;font-weight:400;cursor:pointer;margin:0 auto;color:#fff}.resousesContainer{width:100%;height:75%;padding:20px;border:1px solid #303030;border-radius:20px;overflow-y:scroll;display:flex;flex-direction:column;gap:10px}.recursoCard{width:100%;display:flex;align-items:center;padding:10px;background:linear-gradient(to top right,#1e1e1e,#201f1f);border:1px solid #303030;border-radius:10px}.recursoCard .recursosData a{font-size:11px;color:#717171}.recursoCard .recursosData{display:flex;flex-direction:column;align-items:center;margin:0 auto}.recursoCard .recursosBtns{display:flex;gap:10px}.recursoCard .recursosBtns a{background:transparent;border:none;cursor:pointer;opacity:.6;transition:all .2s ease;padding:5px;display:flex;align-items:center;justify-content:center}.recursoCard .recursosBtns a img{width:25px;height:30px;filter:invert(1)}.recursoCard .recursosBtns .btnDelete img{height:25px}.recursoCard .recursosBtns a:hover{opacity:1;transform:scale(1.1)}.noResouses{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.noResouses h3{font-size:26px;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:10px}.gridLayout{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:20px;padding:20px;height:100vh;background-color:#111}.card{background-color:#141414;border:.7px solid #303030;border-radius:20px;transition:box-shadow .5s;padding:20px;display:flex;flex-direction:column;gap:20px}.div2{grid-column:span 2 / span 2;grid-row:span 3 / span 3}.div3{grid-column:span 2 / span 2;grid-row:span 3 / span 3;grid-column-start:3}.div4{grid-column:span 2 / span 2;grid-row:span 3 / span 3;grid-column-start:5}.div5{grid-column:span 3 / span 3;grid-row:span 3 / span 3;grid-row-start:4}.div6{grid-column:span 3 / span 3;grid-row:span 3 / span 3;grid-column-start:4;grid-row-start:4}@media (max-width: 1200px){.gridLayout{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(5,1fr);gap:20px;height:auto;min-height:100vh}.div2,.div3,.div4,.div5,.div6{grid-column:1;grid-row:auto;min-height:400px}}.containerClock{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.containerClock .clock{height:200px;width:200px;display:flex;justify-content:center;align-items:center;border:5px solid #fff;border-radius:999px;padding:20px}.containerClock .clock p{font-size:3.5rem}.containerClock .btns{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.btnSecondary{background:linear-gradient(to bottom,#1d1d1d,#0f0f0f);color:#fff;border:.7px solid #303030}.btnPomo{margin:0}.options{height:35px;padding:5px 15px;border-radius:20px;border:.7px solid #303030;display:flex;justify-content:center;gap:20px}.options .btnOption{cursor:pointer;background-color:#141414;border:none;padding:0 10px;border-radius:10px;font-size:15px;transition:background-color .3s}.activeOption{background-color:#262626!important}.options button:hover{transform:none}.input form{width:100%;display:flex;gap:15px}.input form input{width:66.67%}.containerList{height:100%}.list{border:.7px solid #303030;height:80%;max-height:250px;border-radius:20px;margin-top:20px;padding:20px;overflow-y:scroll}.list ul{display:flex;flex-direction:column;gap:10px;height:100%}.list ul li{list-style-type:none;font-size:16px;text-wrap:wrap;width:100%}.itemTask{display:flex;width:100%;gap:20px;align-items:center;justify-content:space-between;background:#ffffff05;padding:10px 15px;border-radius:12px;transition:all .3s ease}.itemTask:hover{background:#ffffff0d}.itemTask .task-content{display:flex;align-items:center;gap:15px;flex:1}.checked{text-decoration:line-through wavy;opacity:.6}.btnDelete{background:transparent;border:none;cursor:pointer;opacity:.6;transition:all .2s ease;padding:5px;display:flex;align-items:center;justify-content:center}.btnDelete:hover{opacity:1;transform:scale(1.1)}.btnDelete img{width:25px;height:25px;filter:invert(1)}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ffffff;opacity:.7}input[type=checkbox]:hover{opacity:1}.three-d-card{position:relative;width:100%;height:190px;perspective:1000px}.card-wrapper{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s}.rotate{transform:rotateY(-180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #303030;border-radius:15px;background-color:#141414}.card-face.front{transform:rotateY(0)}.card-face.back{transform:rotateY(180deg)}.card-content{text-align:center;color:#e1e1e1}.card-title{font-size:24px;font-weight:700;margin-bottom:10px}.card-description{font-size:20px}.cardContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:20px;height:270px}.btnContainerCards{width:100%;display:flex;justify-content:center;gap:20px;align-items:center}.btnContainerCards button{margin:0}.btnFlash{width:40px}.card-face .btnDeleteContainer{height:100%!important;position:absolute;right:10px;top:10px}.card-info{height:100%;position:absolute;right:60px;top:17px}.card-info p{color:#717171}.cardCreateContainer{height:100%}.cardCreateContainer form{margin-top:20px;display:flex;flex-direction:column;gap:15px}.cardCreateContainer form input{width:100%}.editor{border-radius:6px;width:100%;margin:10px 0;border:1px solid #303030;height:100%}.tiptap{outline:none;padding:10px 30px;height:100%;max-height:260px;overflow-y:scroll}.toolbar{display:flex;margin-bottom:8px;width:100%;background-color:#333;border-top-left-radius:5px;border-top-right-radius:5px}.toolbar button{padding:6px 15px;cursor:pointer;color:#dbd8d8;border:.7px solid #303030;background-color:#333;transition:all .5s}.toolbar button:first-child{border-top-left-radius:5px}.toolbar button:hover{background:#454545}.toolbar button.active{background:#333;color:#fff}.ProseMirror{min-height:200px;outline:none}strong{font-weight:700}.ProseMirror blockquote{border-left:5px solid #333333;margin:10px 0;color:#555;font-style:italic;background:#1a1a1a;border-radius:4px;padding:7px}.tiptap p{font-size:16px;margin:6px 0}.tiptap h2{font-size:22px;margin:9px 0}.tiptap h1{font-size:26px;margin:12px 0}.tiptap ul,.tiptap ol{margin-left:20px}.toolbar .bold{font-weight:600}.quoteIcon{height:10px}@media (max-width: 500px){.toolbar{flex-wrap:wrap;padding:5px;gap:5px;justify-content:center}.toolbar button{padding:8px 12px;font-size:14px;border-radius:4px}.toolbar button:first-child{border-top-left-radius:4px}.tiptap{padding:10px 15px;max-height:200px}.tiptap p{font-size:14px;margin:4px 0}.tiptap h1{font-size:22px;margin:8px 0}.tiptap h2{font-size:18px;margin:6px 0}.ProseMirror blockquote{padding:5px;margin:8px 0;font-size:14px}.tiptap ul,.tiptap ol{margin-left:15px}.editor{margin:5px 0}}