*{margin:0;padding:0;box-sizing:border-box}#about{background-color:rgba(116,0,2,.39)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{width:250px;height:50px;cursor:pointer;background:rgba(116,0,2,.29411764705882354);margin:10px;border:none;border-radius:10px;box-shadow:-5px -5px 15px rgba(68,68,68,.39),5px 5px 15px rgba(34,34,34,.425),inset 5px 5px 10px rgba(68,68,68,.425),inset -5px -5px 10px rgba(34,34,34,.397);color:rgba(116,0,2,.38823529411764707);font-size:16px}button:hover{box-shadow:-5px -5px 15px rgba(68,68,68,.411),5px 5px 15px rgba(34,34,34,.425),inset 5px 5px 10px rgba(34,34,34,.425),inset -5px -5px 10px rgba(68,68,68,.425);font-size:15px;transition:.5s}button:focus{outline:none}.red:hover{color:#f07171;text-shadow:0 0 10px #f07171}.green:hover{color:#93f071;text-shadow:0 0 10px #93f071}.blue:hover{color:#71b7f0;text-shadow:0 0 10px #71b7f0}.purple:hover{color:#b971f0;text-shadow:0 0 10px #b971f0}.abtInnerWrapper{background:rgba(51,51,51,.459)}.dropbtn{background-color:#04aa6d;color:#fff;padding:16px;font-size:16px;border:none}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}.card{width:300px;margin:0 auto;background:#000;border-radius:15px;box-shadow:0 15px 60px rgba(0,0,0,.5)}.areaHolderP0,.card{position:relative;height:400px}.areaHolderP0{width:400px}.face{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(40deg,#ffd000,rgba(211,53,87,.9333333333333333) 45%,#7cffee);border-radius:15px}.face1{box-sizing:border-box;padding:10px}h2{margin:0;padding:0}.javascript{background-color:initial;-webkit-background-clip:text;-webkit-text-fill-color:rgba(35,223,214,.9333333333333333)}.card:hover .face.face2{height:60px}h2{font-size:2em}.card:first-child .face.face2{background-image:url(https://github.com/zemingzhang1/To_Do/blob/main/ezgif.com-gif-maker.gif?raw=true);background-size:cover;border-radius:15px}.face2,.face2 h2{transition:.5s}.face2 h2{margin:0;padding:0;font-size:6em;color:#fff;text-shadow:0 15px 35px rgba(0,0,0,.65);z-index:10}h5{color:#fff;text-shadow:1px 1px 10px #250405,0 0 45px #000,0 0 10px #49031b}
/*# sourceMappingURL=main.1d5735e9.chunk.css.map */