@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0}body{background:#1d1f20;height:100vh;overflow:hidden;font-family:"Roboto",sans-serif}.for-profile{cursor:pointer}.add-form,.edit-form{max-width:600px;display:flex;grid-gap:10px;gap:10px;flex-direction:column;width:640px;margin:2rem auto;padding:50px;position:relative;height:auto;background:hsla(0,0%,98.8%,.425);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.add-form span:first-child,.edit-form span:first-child{font-size:2rem;color:#1565c0}h1{font-size:30px;color:#fff;text-transform:uppercase;font-weight:300;text-align:center;margin-bottom:15px}.welcome{height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome h1{font-size:10vw;display:block}.nav-buttons{display:flex;flex-direction:row}.big-btn{width:10vw;height:10vw;background:rgba(0,0,0,.4);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:1rem 2rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:10px}.big-btn:hover{transform:scale(1.2)}.big-btn span{display:table;line-height:10vw;font-size:2.3rem;color:#fff;margin:0 auto}table{width:100%;table-layout:fixed}.tbl-header{background-color:hsla(0,0%,100%,.3)}.tbl-content{height:80vh;overflow-x:auto;margin-top:0;border:1px solid hsla(0,0%,100%,.3);font-size:1rem}th{padding:20px 15px;font-weight:600;text-transform:uppercase}td,th{text-align:left;color:#000}td{padding:15px;vertical-align:middle;font-weight:300;font-size:1.05rem;border-bottom:1px solid hsla(0,0%,100%,.1)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.table-container{width:90%;text-align:center;margin:2rem auto 0;background:hsla(0,0%,100%,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;color:#000;overflow:hidden}.sidenav,.table-container{box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.sidenav{height:100%;width:130px;position:fixed;z-index:1;top:0;left:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-x:hidden;padding-top:20px}.main{margin-left:160px;padding:0 10px}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}.side-button:hover{letter-spacing:.45em;cursor:pointer}h1{font-family:"Inconsolata",Consolas,monospace;font-size:4em;color:#d7b94c}.typing{position:relative}.typing:after{position:absolute;right:0;width:100%;color:#fff;background:#1d1f20;animation:typing 4s steps(8) forwards,caret 1s infinite;content:"|"}@keyframes typing{to{width:0}}@keyframes caret{50%{color:transparent}}.side-button{color:#fff;margin:2rem 0;font-size:18px;display:block;height:2em;width:200px;border:none;border-radius:3px;text-transform:uppercase;letter-spacing:.3em;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;background:none;padding:0 1rem}.side-button,a{text-decoration:none}a{color:inherit}.container{display:flex;width:95%;height:100vh;align-items:center;justify-content:center;color:#000}.card{width:480px;padding:0 1rem;border-radius:2rem;height:500px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;background:hsla(0,0%,100%,.5)}.card>.profile-pic{width:100%;aspect-ratio:16/9;border-radius:2rem;transform:translateY(-1rem);transition:all .3s ease-in-out;object-fit:cover}.card>.content{padding:0 1rem 2rem}.card>.content h1{color:#000}.card>.content .title{font-size:1.2rem;color:#3a3a3a}.card:hover>.profile-pic{transform:translateY(-2rem);box-shadow:0 20px 40px -5px rgba(192,2,106,.3)}.social-menu ul{padding:0;margin:0;display:flex;justify-content:center}.social-menu ul li{list-style:none;margin:0 15px}.social-menu ul li .fab{font-size:30px;line-height:60px;transition:.3s;color:#000}.social-menu ul li .fab:hover{color:#fff}.social-menu ul li a{position:relative;display:block;width:60px;height:60px;border-radius:50%;background-color:#fff;text-align:center;transition:.6s;box-shadow:0 5px 4px rgba(0,0,0,.5)}.social-menu ul li a:hover{transform:translateY(-10%)}.social-menu ul li:first-child a:hover{background-color:rgba(0,0,0,.829)}.social-menu ul li:nth-child(2) a:hover{background-color:#d92e6b}.social-menu ul li:nth-child(3) a:hover{background-color:#0077b5}.social-menu ul li:nth-child(4) a:hover{background-color:#1877f2}
/*# sourceMappingURL=main.00b074b4.chunk.css.map */