body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--yellow:#ffc400;--white:#fff}body{overflow-x:hidden}body::-webkit-scrollbar{display:none}main{flex-direction:column;min-height:100vh}header,main{display:flex}header{align-items:center;background-color:#ffc400;background-color:var(--yellow);color:#fff;color:var(--white)}header .logo{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:3px 3px #ffc400,3px 3px 0 3px #fff;box-shadow:3px 3px var(--yellow),3px 3px 0 3px var(--white);color:#ffc400;color:var(--yellow);font-size:18px;font-weight:600;margin-left:50px;padding:1px 8px;z-index:1}header h1{font-size:30px;margin:15px}form{align-items:center;display:flex;justify-content:center;margin:30px}form .add_note{border-radius:5px;box-shadow:2px 2px 8px grey;margin-left:30px;padding:15px;width:300px}form .add_note input{border:none;font-size:18px;outline:none;width:100%}input::-webkit-input-placeholder{color:#000}input::placeholder{color:#000}form .add_note textarea{border:none;line-height:1.5;outline:none;resize:none;width:100%}textarea::-webkit-scrollbar{scroll-behavior:unset}form button{border:none;border-radius:50%;box-shadow:2px 2px 8px grey;color:#ffc400;color:var(--yellow);cursor:pointer;font-size:30px;height:40px;left:0;position:relative;top:0;-webkit-transform:translate(-150%,220%);transform:translate(-150%,220%);width:40px}form button:hover{background-color:#ffc400;background-color:var(--yellow);color:#fff;color:var(--white)}main div.notes{align-items:center;display:flex;flex-wrap:wrap;gap:30px;padding:30px}.note{border-radius:10px;box-shadow:2px 2px 8px grey;cursor:pointer;height:150px;min-width:180px;overflow:hidden;padding:10px 20px;width:calc(25% - 64px)}.note:hover{box-shadow:0 0 10px #ffc400;box-shadow:0 0 10px var(--yellow)}.note h1,.note p{font-size:14px;margin:0}.note button{background-color:#fff;background-color:var(--white);border:none;color:#ffc400;color:var(--yellow);cursor:pointer;font-size:18px;left:180px;margin:0;padding:0;position:relative}.note button ion-icon:hover{background-color:#ffc400;background-color:var(--yellow);border-radius:50%;color:#fff;color:var(--white)}.popup_bg{background-color:#000000bc;display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:5}.popup_bg.visible{display:block}.popup{background-color:#fff;background-color:var(--white);border-radius:10px;box-shadow:2px 2px 8px grey;height:250px;left:50%;overflow:auto;padding:0 20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:350px}.popup::-webkit-scrollbar{display:none}.popup_bg button{border:none;border-radius:50%;box-shadow:2px 2px 8px grey;color:#ffc400;color:var(--yellow);cursor:pointer;font-size:20px;height:40px;left:50%;margin:125px 160px;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px}.popup_bg button:hover,footer{background-color:#ffc400;background-color:var(--yellow);color:#fff;color:var(--white)}footer{bottom:0;font-size:16px;font-weight:500;left:0;margin-top:auto;padding:5px;position:relative;text-align:center;width:100%}@media screen and (max-width:1150px){.note{min-width:180px;width:calc(33.33333% - 60px)}}@media screen and (max-width:800px){main div.notes{gap:30px;padding:30px}.note{height:150px;min-width:180px;padding:10px 20px;width:calc(50% - 55px)}}@media screen and (max-width:530px){form{margin:30px 0}form .add_note{width:100%}main div.notes{justify-content:center}.note{height:150px;max-width:250px;width:100%}}
/*# sourceMappingURL=main.29bee7e2.css.map*/