@import url(https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Outfit:wght@100..900&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.note{position:absolute;width:200px;background-color:#fff8dc;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:0 16px 16px 16px}.note .delete-btn{position:absolute;top:-10px;right:-10px;background:red;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.note .delete-btn:hover{background:darkred}.note .mouse{position:relative;top:-10px;left:50%;transform:translateX(-50%);background-color:#949494;width:40px;height:20px;border-radius:3px;cursor:pointer}.note textarea{width:100%;min-height:50px;border:none;outline:none;resize:none;background:transparent;font-size:14px;font-family:Arial,sans-serif;overflow:hidden}.home{height:100vh;padding:24px;background-color:#fff}.home__content{position:relative;height:100%;background-color:#f6f6f6;border-radius:16px;box-shadow:0 4px 20px 10px rgba(0,0,0,.09);overflow:hidden}.home__content:before{content:"";display:grid;grid-template-columns:repeat(50,1fr);grid-template-rows:repeat(200,1fr);gap:16px;pointer-events:none;z-index:0;background:radial-gradient(circle,#d9d9d9 2px,transparent 0);background-size:16px 16px;background-position:50%}.home__content .rectangle{position:absolute;flex-direction:row;bottom:16px;left:16px;width:160px;height:60px;background-color:#fff;border-radius:8px;border:1px solid #d9d9d9;display:flex;justify-content:space-around;align-items:center;padding:8px}.home__content .rectangle .square{width:24px;height:24px;border-radius:4px;cursor:pointer}.home__content .rectangle .square.red{background-color:#feb1b1}.home__content .rectangle .square.blue{background-color:#b1d0fe}.home__content .rectangle .square.yellow{background-color:#fcfeb1}.home__content .rectangle .square.green{background-color:#c2ffc2}*{padding:0;margin:0;border:none}*,:after,:before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}.merriweather-light{font-weight:300}.merriweather-light,.merriweather-regular{font-family:Merriweather,serif;font-style:normal}.merriweather-regular{font-weight:400}.merriweather-bold{font-weight:700}.merriweather-black,.merriweather-bold{font-family:Merriweather,serif;font-style:normal}.merriweather-black{font-weight:900}.merriweather-light-italic{font-family:Merriweather,serif;font-weight:300;font-style:italic}.merriweather-regular-italic{font-family:Merriweather,serif;font-weight:400;font-style:italic}.merriweather-bold-italic{font-family:Merriweather,serif;font-weight:700;font-style:italic}.merriweather-black-italic{font-family:Merriweather,serif;font-weight:900;font-style:italic}body,html{height:100%;font-family:Merriweather,Arial,sans-serif;background-color:#f6f3f3;overflow:auto}