*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;font-family:Arial,Helvetica,sans-serif}.green[data-v-a37b0aa7]{color:green}main[data-v-a37b0aa7]{background-color:#e5e5e5;height:100vh;width:100vw;transition:all .5s ease}#cardContainer[data-v-a37b0aa7]{width:90%;height:80vh;margin:auto;position:relative;top:40px;padding:10px;display:flex;flex-wrap:wrap;gap:20px;overflow:auto}.card[data-v-a37b0aa7]{background-color:#ff0;width:20vw;height:40vh;border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all 1s linear(0 0%,.22 2.1%,.86 6.5%,1.11 8.6%,1.3 10.7%,1.35 11.8%,1.37 12.9%,1.37 13.7%,1.36 14.5%,1.32 16.2%,1.03 21.8%,.94 24%,.89 25.9%,.88 26.85%,.87 27.8%,.87 29.25%,.88 30.7%,.91 32.4%,.98 36.4%,1.01 38.3%,1.04 40.5%,1.05 42.7%,1.05 44.1%,1.04 45.7%,1 53.3%,.99 55.4%,.98 57.5%,.99 60.7%,1 68.1%,1.01 72.2%,1 86.7%,1 100%)}.card[data-v-a37b0aa7]:hover{scale:1.05}.addbtn[data-v-a37b0aa7]{border-radius:50%;border:none;width:50px;height:50px;font-size:3rem;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;cursor:pointer;transition:all 1s linear(0 0%,0 2.27%,.02 4.53%,.04 6.8%,.06 9.07%,.1 11.33%,.14 13.6%,.25 18.15%,.39 22.7%,.56 27.25%,.77 31.8%,1 36.35%,.89 40.9%,.85 43.18%,.81 45.45%,.79 47.72%,.77 50%,.75 52.27%,.75 54.55%,.75 56.82%,.77 59.1%,.79 61.38%,.81 63.65%,.85 65.93%,.89 68.2%,1 72.7%,.97 74.98%,.95 77.25%,.94 79.53%,.94 81.8%,.94 84.08%,.95 86.35%,.97 88.63%,1 90.9%,.99 93.18%,.98 95.45%,.99 97.73%,1 100%)}.addbtn[data-v-a37b0aa7]:hover{background-color:red;scale:.7}.overlay[data-v-a37b0aa7]{background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100vh;position:absolute;top:0;z-index:2;display:flex;justify-content:center;align-items:center}.modal[data-v-a37b0aa7]{display:flex;width:50vw;flex-direction:column;gap:20px;justify-content:center;align-items:center}.modal button[data-v-a37b0aa7]{width:100px;height:40px;color:#fff;background-color:#000;border:none;border-radius:20px;cursor:pointer}pre[data-v-a37b0aa7]{font-family:Arial,Helvetica,sans-serif;font-size:15px}.card button[data-v-a37b0aa7]{width:2em;height:2em;background-color:#ffffff39;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center}.card button[data-v-a37b0aa7]:hover{scale:1.05;transition:all .3s ease;background-color:#fff}.cardopt[data-v-a37b0aa7]{display:flex;align-items:center;justify-content:space-between}#textA[data-v-a37b0aa7]{width:80vw;height:80vh}.closeNote[data-v-a37b0aa7]{background-color:#000;color:#fff;border:none;padding:10px;border-radius:10px;width:30vw;margin-top:10px;cursor:pointer}.closeNote[data-v-a37b0aa7]:hover{background-color:red}header h1[data-v-a37b0aa7]{font-size:5vw}@media screen and (max-width: 768px){.card[data-v-a37b0aa7]{width:30vh}pre[data-v-a37b0aa7]{font-size:20px}.cardopt button[data-v-a37b0aa7]{padding:20px;font-size:20px}}@media screen and (max-width: 756px){pre[data-v-a37b0aa7]{font-size:1rem}.cardopt[data-v-a37b0aa7]{flex-direction:colum;flex-wrap:wrap}.card[data-v-a37b0aa7]{height:20vh;width:30vw}header h1[data-v-a37b0aa7]{font-size:15vw}}