@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap);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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}* ::selection{background-color:#f59365}body{background-attachment:fixed;background-color:#080710;background-color:#8b8a3a;background-color:#282828;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%231c691c'/%3E%3Cstop offset='1' stop-color='%231c691c' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%238e2559'/%3E%3Cstop offset='1' stop-color='%238e2559' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230e3865'/%3E%3Cstop offset='1' stop-color='%230e3865' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%238B8A3A'/%3E%3Cstop offset='1' stop-color='%238B8A3A' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23093C3D'/%3E%3Cstop offset='1' stop-color='%23093C3D' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2314138D'/%3E%3Cstop offset='1' stop-color='%2314138D' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23b)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23c)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23d)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23e)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23f)' d='M0 0h1200v800H0z'/%3E%3C/svg%3E");background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Cpattern id='b' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='matrix(14.5 0 0 14.5 -13499.935 -10125.06)'%3E%3Cuse fill='%23363636' href='%23a' y='2'/%3E%3Cuse fill='%23363636' href='%23a' x='1' y='2'/%3E%3Cuse fill='%23404040' href='%23a' x='2' y='2'/%3E%3Cuse fill='%23404040' href='%23a'/%3E%3Cuse fill='%234a4a4a' href='%23a' x='2'/%3E%3Cuse fill='%234a4a4a' href='%23a' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='c' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='matrix(14.5 0 0 14.5 -13499.935 -10125.06)'%3E%3Cg fill='%23525252'%3E%3Cuse href='%23a'/%3E%3Cuse href='%23a' y='5'/%3E%3Cuse href='%23a' x='1' y='10'/%3E%3Cuse href='%23a' x='2' y='1'/%3E%3Cuse href='%23a' x='2' y='4'/%3E%3Cuse href='%23a' x='3' y='8'/%3E%3Cuse href='%23a' x='4' y='3'/%3E%3Cuse href='%23a' x='4' y='7'/%3E%3Cuse href='%23a' x='5' y='2'/%3E%3Cuse href='%23a' x='5' y='6'/%3E%3Cuse href='%23a' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='matrix(14.5 0 0 14.5 -13499.935 -10125.06)'%3E%3Cg fill='%23525252'%3E%3Cuse href='%23a' y='5'/%3E%3Cuse href='%23a' y='8'/%3E%3Cuse href='%23a' x='1' y='1'/%3E%3Cuse href='%23a' x='1' y='9'/%3E%3Cuse href='%23a' x='1' y='12'/%3E%3Cuse href='%23a' x='2'/%3E%3Cuse href='%23a' x='2' y='4'/%3E%3Cuse href='%23a' x='3' y='2'/%3E%3Cuse href='%23a' x='3' y='6'/%3E%3Cuse href='%23a' x='3' y='11'/%3E%3Cuse href='%23a' x='4' y='3'/%3E%3Cuse href='%23a' x='4' y='7'/%3E%3Cuse href='%23a' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='matrix(14.5 0 0 14.5 -13499.935 -10125.06)'%3E%3Cg fill='%23595959'%3E%3Cuse href='%23a' y='11'/%3E%3Cuse href='%23a' x='2' y='9'/%3E%3Cuse href='%23a' x='5' y='12'/%3E%3Cuse href='%23a' x='9' y='4'/%3E%3Cuse href='%23a' x='12' y='1'/%3E%3Cuse href='%23a' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='matrix(14.5 0 0 14.5 -13499.935 -10125.06)'%3E%3Cg fill='%23282828'%3E%3Cuse href='%23a' y='9'/%3E%3Cuse href='%23a' x='16' y='5'/%3E%3Cuse href='%23a' x='14' y='2'/%3E%3Cuse href='%23a' x='11' y='11'/%3E%3Cuse href='%23a' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23606060'%3E%3Cuse href='%23a' x='3' y='13'/%3E%3Cuse href='%23a' x='9' y='7'/%3E%3Cuse href='%23a' x='13' y='10'/%3E%3Cuse href='%23a' x='15' y='4'/%3E%3Cuse href='%23a' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='matrix(14.5 0 0 14.5 -13499.935 -10125.06)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23a' x='2' y='5'/%3E%3Cuse href='%23a' x='16' y='38'/%3E%3Cuse href='%23a' x='46' y='42'/%3E%3Cuse href='%23a' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='matrix(14.5 0 0 14.5 -13499.935 -10125.06)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23a' x='33' y='13'/%3E%3Cuse href='%23a' x='27' y='54'/%3E%3Cuse href='%23a' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='i' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='matrix(14.5 0 0 14.5 -13499.935 -10125.06)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23a' x='11' y='8'/%3E%3Cuse href='%23a' x='51' y='13'/%3E%3Cuse href='%23a' x='17' y='73'/%3E%3Cuse href='%23a' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3Cpath stroke='%23282828' stroke-width='.7' id='a' d='M0 0h1v1H0z'/%3E%3C/defs%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23i)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-size:cover}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:100px}body::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,#f59365,#708ad4 99%);border-radius:100px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,.5)}.loginForm,.signUpForm{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.13);border:2px solid hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 0 40px rgba(8,7,16,.6);display:flex;flex-direction:column;font-size:large!important;font-weight:600!important;left:50%;min-width:400px;padding:50px 35px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.signUpFormDiv form *{-webkit-user-drag:none;border:none;color:#000;font-family:Poppins,sans-serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;letter-spacing:.5px;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.signUpFormDiv form h3{font-size:32px;font-weight:700;line-height:42px;text-align:center}.loginFormSection label{display:block;font-size:16px;font-weight:500;margin-top:30px}.loginFormSection input{background-color:hsla(0,0%,100%,.07);border-radius:3px;color:#f59365;display:block;font-size:14px;font-weight:300;height:50px;margin-top:8px;padding:0 10px;width:100%}.loginFormSection input::selection{background-color:#f59365;color:#000}#showPassword{background-color:brown;height:20px;width:10%}::-webkit-input-placeholder{color:#0f0d0b}:-ms-input-placeholder{color:#0f0d0b}::placeholder{color:#0f0d0b}.loginFormSection button{background-color:#fff;border-radius:5px;color:#080710;cursor:pointer;font-size:18px;font-weight:600;margin-top:50px;padding:15px 0;width:100%}.loginFormSection button:hover{background-color:#f59365}.loginFormSection button:focus{background-color:#fa8d5b}.signUpFormDiv .social{display:flex;margin-top:30px}.signUpFormDiv .social div{border-radius:3px;color:#eaf0fb;cursor:pointer;padding:5px 10px 10px 5px;text-align:center;width:100%}.signUpFormDiv .social div:hover{background-color:hsla(0,0%,100%,.47)}.signUpFormDiv .social .fb{margin-left:25px}.signUpFormDiv .social i{margin-right:4px}.topnav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)!important;background-color:#333;background:rgba(0,0,0,.2);margin:10px;overflow:hidden}.topnav,.topnav a{border-radius:20px}.topnav a{-webkit-user-drag:none;color:#f2f2f2;display:block;float:left;font-size:17px;margin:5px;padding:14px 16px;text-align:center;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.topnav a:hover{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(20px);border-radius:20px;color:#fff}.topnav .helloSection:hover{background-color:#333;color:#f2f2f2}.topnav a.active{background-color:#f59365;color:#140909;font-size:larger;font-weight:700}.topnav .icon{display:none}@media screen and (max-width:600px){.topnav a:not(:first-child){display:none}.topnav a.icon{display:block;float:right}.loginForm,.signUpForm{display:none;margin:50px;-webkit-transform:translate(0);transform:translate(0)}.topnav.responsive{position:relative}.topnav.responsive a.icon{position:absolute;right:0;top:0}.topnav.responsive a{display:block;float:none;text-align:left}}.swal-overlay{background-color:hsla(20,5%,65%,.3)}.swal-modal{background-color:#9c9896;border:3px solid #fff;color:#080710}.swal-button{background-color:#f59365;border:.5px solid #f59365;border-radius:2px;font-size:12px;padding:7px 19px;text-shadow:0 -1px 0 rgba(0,0,0,.3)}.swal-button:hover{background-color:#9c9896}.container{margin:10px;min-height:850px;min-height:700px;min-width:250px}.control-bar{display:flex;margin:0 10px}.control-bar button{border:none;font-weight:600;margin:0 5px;outline:none;padding:3px 15px}.control-bar button:hover{background-color:#f59365;border:none;outline:none}.card{align-self:flex-start;border:5px solid #837070;border-radius:8px;min-height:120px;min-width:100px;outline:none;padding:10px}::selection{background-color:#75e7a8}.container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:hsla(19,88%,68%,.3);border-radius:8px;border-style:solid;flex-wrap:wrap;min-height:800px;padding:10px}.container,.controller{display:flex}.controller button{padding:5px 25px}.card{background-color:hsla(19,88%,68%,.3);border:1.8px solid #837070;display:inline-block;height:332px;margin:5px;width:250px}.card,.noteTextArea{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px}.noteTextArea{background-color:hsla(0,0%,100%,.3);font-size:80%;height:259px;margin:0 4px;outline:none;overflow-x:auto;padding:7px}.note-control{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:hsla(19,88%,68%,.3);border-radius:10px;display:flex;justify-content:space-around;margin:5px;padding:1px}.note-control button{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:hsla(23,4%,40%,.3);border:none;border-radius:10px;outline:none;padding:0 25px}.note-control button:hover{background-color:#ff2600}.note-control button:active{background-color:#b3a8a4}.h2Head{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:hsla(19,88%,68%,.3);border-radius:10px;margin:5px;text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:100px}::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,#f59365,#708ad4 99%);border-radius:100px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,.5)}.noteTextArea::-webkit-scrollbar{width:6px}.notecardTX{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.3);border-radius:10px;font-size:80%;height:259px;margin:0 4px;outline:none;overflow-x:auto;padding:7px;width:100%}.home{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto}.home h1{color:#ff0;font-size:80px}.home h3{color:red;font-size:50px}.youtube-card{width:500px}.spotify-card{width:270px}
/*# sourceMappingURL=main.59eaa915.css.map*/