@import url(https://fonts.googleapis.com/css2?family=Tangerine:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,700&family=Tangerine:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&family=Roboto:ital,wght@1,700&family=Tangerine:wght@700&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}body{background-color:#1d1e22;background-color:var(--dark-slate)}.cont{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);height:100%;position:fixed;top:0;width:100%;z-index:1}.form--container--login{background-attachment:fixed;background-image:url(../../static/media/bg--login2.bd407e53eedf029b7a59.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1em;box-shadow:0 5px 15px hsla(0,0%,100%,.5);display:flex;flex-direction:row;height:80vh;left:50%;overflow:hidden;padding:1em;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80vw}.forms--login{display:flex;flex-direction:column;justify-content:center;padding:2em}.forms--login label{color:#1d1e22;color:var(--dark-slate);font-family:cursive;font-size:1.5em;font-weight:700}.login-input--box{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:initial;border-radius:.7em;box-shadow:0 0 10px 2px rgba(0,0,0,.5);color:#fff;font-size:1.8em;margin:auto;padding:.5em;position:relative;width:80%}.submit--button{margin:2em}.exit--button{cursor:pointer}.forms--login>h3>small{color:red;cursor:pointer;text-decoration:underline}@media (max-width:800px){body{overflow-x:hidden;padding:auto}.form--container{display:flex;height:80%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.forms--login{font-size:1em;justify-self:center}label{color:#d4d4dc;color:var(--clear-grey);font-weight:700}.input--box{font-size:1em}.form--illustration,hr{display:none}}a{color:inherit;text-decoration:none}a:hover{cursor:pointer}body{background-attachment:fixed;background-color:#393f4d;background-color:var(--deep-grey);background-position:50%;background-repeat:no-repeat;background-size:cover}.blury{z-index:101}.form--container1{background-attachment:fixed;background-image:url(../../static/media/bg--login2.bd407e53eedf029b7a59.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1em;box-shadow:0 5px 15px hsla(0,0%,100%,.5);display:flex;flex-direction:row;height:80vh;left:50%;overflow:hidden;padding:1em;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80vw}.forms2{display:flex;flex-direction:column;justify-content:center;justify-self:center;padding:1em}.forms2 label{color:#fff;font-family:cursive;font-size:1.6em}.form--illustration{align-self:center;background-attachment:fixed;background-image:url(../../static/media/coffee.b3fd664ec3a90442d3ed.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5em;-webkit-filter:brightness(50%);filter:brightness(50%);height:400px;justify-self:center;margin:1em;padding:1em;right:0;width:400px}.input--box--register{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:initial;border-radius:.7em;color:#fff;font-size:1.2em;margin:auto;padding:.2em;width:100%}.input--box--register,.submit--button{box-shadow:0 0 10px 2px rgba(0,0,0,.5);position:relative}.submit--button{background-color:#fbae3c;background-color:var(--other-orange);border-radius:2em;color:#1d1e22;color:var(--dark-slate);color:#393f4d;font-size:1.5em;font-weight:700;letter-spacing:.1em;margin:0 2em;overflow:hidden;padding:.8em;text-align:center;text-transform:uppercase;transition:.5s;z-index:1}.submit--button span{background-color:#1d1e22;background-color:var(--dark-slate);border-radius:50%;height:100%;left:calc((var(--n) - 1)*25%);position:absolute;-webkit-transform:translateY(150%);transform:translateY(150%);transition:.5s;transition-delay:calc((var(--n) - 1)*.1s);width:25%;z-index:-1}.submit--button:hover{color:wheat}.submit--button:hover span{-webkit-transform:translateY(0) scale(2);transform:translateY(0) scale(2)}.submit--button span:first-child{--n:1}.submit--button span:nth-child(2){--n:2}.submit--button span:nth-child(3){--n:3}.submit--button span:nth-child(4){--n:4}.exit--button{color:#f9f9f9;font-size:3em;position:inherit;right:1em;top:.5em}.form--container h3{align-items:center;color:#ffebcd;display:flex;justify-content:space-between}.form--container small{color:red;margin:0;padding:0}.forms2>h3>small{color:red;cursor:pointer;text-decoration:underline}.wrapper{background:#fff;border-radius:5px;margin:.5em;padding:0;width:80%}input[type=radio]:hover{width:1em}.wrapper{background:#393f4d;background:var(--deep-grey);border-radius:5em;box-shadow:5px 5px 30px rgba(0,0,0,.2);display:inline-flex;height:50px;margin:auto;padding:.5em}.wrapper,.wrapper .option{align-items:center;justify-content:space-evenly;width:100%}.wrapper .option{background:#fbae3c;background:var(--other-orange);border:.1em solid #1d1e22;border:.1em solid var(--dark-slate);border-radius:2em;box-shadow:0 22px 70px 4px rgba(0,0,0,.56);cursor:pointer;display:flex;font-size:1.2em;height:100%;margin:.2em;padding:0 10px;text-align:center;transition:all .3s ease}.wrapper .option:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.2s ease-in-out}.wrapper .option span{color:#1d1e22;color:var(--dark-slate);font-weight:700}@media (max-width:800px){body{overflow-x:hidden;padding:auto}.form--container{display:flex;height:80%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.forms2 label{color:#fff;font-family:cursive;font-size:1.5em;font-weight:700}.forms2{font-size:1em;justify-self:center}.input--box--register{font-size:1.1em}.form--illustration,hr{display:none}}:root{--dark-slate:#0d1e02;--chamoise:#2a2b2a}body{max-width:100vw;min-width:100vw}*{margin:0;padding:0}header{align-items:center;background-color:#0d1e02;background-color:var(--dark-slate);background-color:#000;border-bottom-left-radius:1em;border-bottom-right-radius:1em;box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:80px;opacity:.7;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}header:hover{opacity:1;transition:.5s ease-in-out}header>ul{border:1px solid #ffb238;border-radius:1em;box-shadow:0 12px 30px 0 rgba(0,0,0,.5);color:#f8f4e3;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1.5em;font-weight:700;justify-content:space-evenly;justify-self:center;list-style-type:none;margin-right:2em}header>ul>li{cursor:pointer;margin:0 3em;padding:.3em}header>ul:hover{background-color:#ffb238;color:#0d1e02;color:var(--dark-slate);font-size:1.7em;transition:.4s ease-in-out}header>a{color:inherit;cursor:pointer}.home--logo{cursor:pointer;height:80px;justify-self:left;margin-left:4em;width:100px}.home--logo:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:.4s ease-in-out}.intro{background-attachment:fixed;background-image:url(../../static/media/beats4.d0cf5397d1aa1c620e54.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;max-width:100%;min-height:100vh;min-height:100%;overflow-x:hidden;position:relative}.intro,.intro--element--Container{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);display:flex}.intro--element--Container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:2em;flex-direction:row;height:80%;margin:5em auto;overflow:hidden;padding:0;width:80%}.for-Intro{-webkit-animation:expand .8s ease forwards;animation:expand .8s ease forwards;transition:all .8s ease}.intro--element--Container>h1{color:#f8f4e3;flex:1 1;font-size:2em;padding:.5em 2em}.intro--element--Container>h1>span{-webkit-animation:slideDown 1.5s ease-in-out forwards;animation:slideDown 1.5s ease-in-out forwards;color:#ffb238}.intro--element--Container>h1>p{-webkit-animation:slideUp .8s ease-in-out .8s forwards;animation:slideUp .8s ease-in-out .8s forwards;background-color:#502419;border-radius:2em;color:#f4ebd9;font-size:.6em;margin:3em 0;padding:1.5em;text-align:center;-webkit-transform:translateY(300px);transform:translateY(300px)}.intro--menu{display:flex;flex:1 1;flex-direction:column;justify-content:space-around;list-style-type:none;padding:auto}.intro--menu>li{-webkit-animation:slideIn 1.5s ease-in-out forwards;animation:slideIn 1.5s ease-in-out forwards;background-color:#fbae3c;background-color:var(--other-orange);border-radius:2em;box-shadow:0 0 10px 2px rgba(0,0,0,.5);color:#0d1e02;color:var(--dark-slate);cursor:pointer;font-size:2em;font-weight:700;letter-spacing:.1em;margin:auto;overflow:hidden;padding:1em;position:relative;text-align:center;text-transform:uppercase;transition:.5s;z-index:1}.intro--menu>li span{background-color:#0d1e02;background-color:var(--dark-slate);border-radius:50%;height:100%;left:calc((var(--n) - 1)*25%);position:absolute;-webkit-transform:translateY(150%);transform:translateY(150%);transition:.5s;transition-delay:calc((var(--n) - 1)*.1s);width:25%;z-index:-1}.intro--menu>li:hover{color:wheat;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.4s ease-in-out}.intro--menu>li:hover span{-webkit-transform:translateY(0) scale(2);transform:translateY(0) scale(2)}.intro--menu>li span:first-child{--n:1}.intro--menu>li span:nth-child(2){--n:2}.intro--menu>li span:nth-child(3){--n:3}.intro--menu>li span:nth-child(4){--n:4}.playing{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.head--to:hover{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);transition:.4s ease-in-out}.my-work{background-color:#000;height:100vh;margin:0;max-width:100%;min-height:100%;overflow-x:hidden;padding:2em 0}.description,.my-work{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex}.description{-webkit-animation:slideIn .8s ease-in-out 1s;animation:slideIn .8s ease-in-out 1s;flex:1 1;flex-direction:column;height:85%;justify-content:space-between;margin:0 auto;position:relative;transition:all .8s ease}.description--contact{bottom:0;color:#fbae3c;color:var(--other-orange);margin:0 auto;padding:4em 4em 4em 0;right:0}.description--contact>span{color:#fbae3c;color:var(--other-orange);text-decoration:underline}.description>h3{background-color:#0f0f0f;border-radius:1em;color:#fbae3c;color:var(--other-orange);font-family:Tangerine,cursive;font-size:45px;margin:1em 2em 0 1em;padding:0 .5em}.description>h1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f0f0f0;-webkit-filter:brightness(80%);filter:brightness(80%);font-family:Playfair Display,sans-serif;font-size:100px;padding:0 20px;width:50%}.beats{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-attachment:fixed;background-image:url(../../static/media/vinyl.681dc29ece35faf91d17.gif);background-repeat:no-repeat;background-size:cover;border:.5px solid #0f0f0f;border-radius:3em;flex:1 1;overflow-x:hidden;overflow-y:visible}.beats::-webkit-scrollbar{background-color:#502419}.for--mobile,.for--pc{background-color:#000;color:#fbae3c;font-family:Tangerine,cursive;font-size:35px;padding:2em 1em}.for--mobile{display:none}.beats>ul{display:flex;flex-direction:column;padding:1em 3em}.beats>ul>li{-webkit-backdrop-filter:brightness(30%);backdrop-filter:brightness(30%);border-radius:2em;color:#ffb238;cursor:pointer;display:flex;justify-content:space-between;margin:.2em 0;overflow:hidden;padding:1.5em;position:relative}.beat:hover{background-color:#0f0f0f;background-image:url(../../static/media/bg--login1.b5799be49bd86cad6f9e.svg);scale:1.1;transition:1s ease-in-out}.beat--detail{flex:2 1}.beat--detail h2{font-size:20px}.beat--detail h3{font-size:15px}.play--button{background-color:#0f0f0f;border-radius:2em;cursor:pointer;display:flex;flex:1 1;font-size:50px;justify-content:space-around;padding:.2em 0;position:relative}.button--for_contact{align-items:center;-webkit-animation:slideUp .8s ease-in-out 1s forwards;animation:slideUp .8s ease-in-out 1s forwards;background-color:#ffb238;border-radius:50px;bottom:50px;box-shadow:0 12px 30px 0 rgba(0,0,0,.5);color:#1d1e22;display:flex;flex-wrap:wrap;font-size:2.7em;height:80px;justify-content:center;outline:none;overflow:hidden;position:fixed;right:50px;text-align:center;width:80px;z-index:101}.button--for_contact:hover{background-color:#000;color:#ffb238;-webkit-transform:scale(1.2);transform:scale(1.2);transition:.4s ease-in-out}footer{align-items:center;background-color:#0f0f0f;display:flex;flex-direction:column;height:300px;justify-content:space-evenly;margin:0;max-width:100vw;padding:0;position:relative;width:100%}footer>ul{color:#fbae3c;display:flex;flex-direction:row;font-size:2em;justify-content:space-around;list-style-type:none;width:50%}footer>li a:hover{font-size:2.1em;-webkit-transform:scale(1.1);transform:scale(1.1)}.copyright{background-color:#000;border-radius:1em;bottom:3em;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);color:#ffb238;cursor:none;padding:1em 0;text-align:center;text-decoration:underline;width:100%;word-spacing:10px}.musicPlayer{background-color:#0f0f0f;border-radius:2em;justify-self:center;min-height:100px;position:absolute;width:60%;z-index:101}@-webkit-keyframes parallax{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}}@keyframes parallax{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(500px) scale(.2);transform:translateX(500px) scale(.2)}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes slideIn{0%{-webkit-transform:translateX(500px) scale(.2);transform:translateX(500px) scale(.2)}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@-webkit-keyframes slideIn_fromLeft{0%{-webkit-transform:translateX(-500px) scale(.2);transform:translateX(-500px) scale(.2)}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes slideIn_fromLeft{0%{-webkit-transform:translateX(-500px) scale(.2);transform:translateX(-500px) scale(.2)}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes expand{0%{-webkit-transform:translateX(1400px);transform:translateX(1400px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes expand{0%{-webkit-transform:translateX(1400px);transform:translateX(1400px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:580px){header>ul{align-items:center;display:none;justify-content:center}body{max-width:100vw;min-width:100vw;overflow-x:hidden}.intro--menu>li{font-size:20px;margin:20px auto;width:50%}.button--for_contact{font-size:25px;height:55px;width:55px}.head--to{height:60x;width:60px}.intro{-webkit-animation:none;animation:none;height:auto}.intro--element--Container{display:flex;flex-direction:column;height:auto;width:auto}.intro--element--Container>h1{padding:1em}.intro--menu,.my-work{display:flex;flex-wrap:wrap}.my-work{flex-direction:column;height:auto;overflow-x:hidden;width:100%}.description{display:flex;flex:1 1;flex-direction:column;justify-content:center}.description>h3{font-size:2.2em}.description>h1{border:2px solid wheat;display:block;font-size:3.4em;line-height:1;position:relative}.description--contact{justify-self:center;padding:2em 3em;position:relative}.beats{flex:1 1;width:100%}.beat{background-image:url(../../static/media/bg--login1.b5799be49bd86cad6f9e.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex}.for--pc{display:none}.for--mobile{display:block}.beats>ul{display:none}}body{overflow-x:hidden;overflow-y:visible}.dashboard{background-attachment:fixed;background-image:url(../../static/media/bg--login2.bd407e53eedf029b7a59.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.5em;border-bottom-left-radius:2em;border-bottom-right-radius:2em;height:calc(100% - 6em);min-height:85vh;width:100%}.light{background-image:url(../../static/media/bg--login2--light.1193bead12480958724b.svg)}.sidebar{backdrop-filter:blur(2.7px);-webkit-backdrop-filter:blur(2.7px);background:rgba(0,0,0,.35);border:2px solid pink;border:1px solid hsla(0,0%,100%,.06);border-radius:1em;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);height:calc(100% - 3em);position:fixed;top:1em;-webkit-transform:translateX(-21em);transform:translateX(-21em)}.active{-webkit-transform:translateX(0);transform:translateX(0)}.btn{color:#fbae3c;color:var(--other-orange);font-size:3em}.Dashboard--logo{border:.1em solid #fbae3c;border:.1em solid var(--other-orange);border-radius:2em;display:flex;justify-content:center;justify-self:center;padding:.3em;width:4em}.Dashboard--logo:hover{-webkit-transform:scale(1.5);transform:scale(1.5);transition:.5s ease-in-out}.logo-container{background-color:#1d1e22;background-color:var(--dark-slate);border-top-left-radius:2em;border-top-right-radius:2em;box-shadow:0 25px 20px -20px hsla(0,0%,100%,.45);display:flex;justify-content:space-between;margin:0 0 .5em;padding:1em}.logo-container .topbar--Menu{align-self:center;border:.1px solid #393f4d;border:.1px solid var(--deep-grey);border-radius:1em;box-shadow:0 25px 20px -20px rgba(0,0,0,.45);position:relative}.topbar--Menu>ul{display:flex;flex-direction:row;list-style-type:none}.topbar--Menu>ul>li{color:#fbae3c;color:var(--other-orange);font-size:1.5em;justify-content:space-between;padding:.1em 2em}.topbar--Menu>ul>li:hover{cursor:pointer}.menu{background-color:#393f4d;background-color:var(--deep-grey);border:.7em solid #1d1e22;border:.7em solid var(--dark-slate);border-radius:2em;box-shadow:0 25px 20px -20px rgba(0,0,0,.45);display:flex;display:none;flex-direction:column;list-style-type:none;padding:.8em;position:absolute;right:.2em;text-align:center;top:5em;z-index:1}.menu--item{background-color:#fbae3c;background-color:var(--other-orange);border-radius:1em;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);color:#1d1e22;color:var(--dark-slate);display:flex;flex-direction:row;font-size:1.5em;font-weight:700;justify-content:space-evenly;margin:.1em 0;padding:.7em 1.2em}.menu--item,.menu--item span{position:relative}.menu--item:hover{-webkit-transform:scalex(1.1);transform:scalex(1.1);transition:1s ease-in-out}#menu--icons{left:.3em;position:absolute}.theme-btn{border:.2em solid #1d1e22;border:.2em solid var(--dark-slate);border-radius:80%;bottom:2em;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);font-size:2em;padding:.2em;position:fixed;right:1em}.profile{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.79);border-radius:1em;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;height:90%;margin:0 auto;overflow:hidden;padding:auto;position:relative;width:90%}.profile--title{color:#fbae3c;color:var(--other-orange);margin-top:1em}.profile--pic-Container{border:2px solid #000;border-radius:50%;height:50%;margin:auto;padding:auto;width:30%}.profile--info{background-attachment:fixed;background-image:url(../../static/media/bg--login1.b5799be49bd86cad6f9e.svg);background-position:50%;background-size:cover;border:2px solid #000;border-radius:1em;flex:1 1;max-height:100%;overflow:hidden}.profile--info--field{-webkit-backdrop-filter:10px;backdrop-filter:10px;background-color:initial;border-bottom:2px solid #ffb238;border-radius:3em;color:#d4d4dc;color:var(--clear-grey);font-size:1.2em;font-weight:700;margin:2px 1em;padding:1em;position:relative}.profileForm>hr{margin:1em 3em;width:70%}.profileForm{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;max-height:100%;overflow:hidden}.profileForm>label{color:#ffb238;color:var(--orange);font-weight:700}.ProfileDate{color:#d4d4dc;color:var(--clear-grey)}.profileForm--btn{background-color:#fbae3c;background-color:var(--other-orange);border:2px solid #1d1e22;border:2px solid var(--dark-slate);border-radius:3em;color:#1d1e22;color:var(--dark-slate);font-size:1.4em;font-weight:700;justify-self:center;margin:.8em auto .2em;padding:1em;text-align:center}:root{--bg:linear-gradient(45deg,#f9f9f9,#000 40%,#fff 60%,#f9f9f9);--filter:blur(5px);--deep-grey:#393f4d;--dark-slate:#1d1e22;--clear-grey:#d4d4dc;--orange:#ffb238;--other-orange:#fbae3c}.exam--creation{overflow:hidden}.exam--creation>.exam--creation--form{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.list--of-exam{display:flex;flex-direction:column;flex-wrap:wrap;position:relative}.exam--list,.list--of-exam{overflow-y:visible;padding:1em}.exam--list{background-color:#1d1e22;background-color:var(--dark-slate);border-radius:2em;height:100%;list-style-type:none;position:inherit}.exam--item{background:url(../../static/media/blob.2771dbe178b10acd1d39.svg);background-position:50%;background-size:cover;border:1px solid #1d1e22;border:1px solid var(--dark-slate);border-radius:2em;color:wheat;display:flex;font-size:1em;justify-content:space-between;margin:.5em;padding:1em}.exam--info{border-radius:1em;border-right:1px solid #fff}.exam--code,.exam--info{background-color:#393f4d;background-color:var(--deep-grey);padding:1em}.exam--code{align-self:center;border:2px solid #d4d4dc;border:2px solid var(--clear-grey);border-radius:1em;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);display:flex;justify-content:space-around;justify-self:flex-end}.exam--code:hover{cursor:pointer}.notification>p{color:#1d1e22;color:var(--dark-slate);font-weight:700}.notification{align-content:center;background-color:#fbae3c;background-color:var(--other-orange);border:2px solid #1d1e22;border:2px solid var(--dark-slate);border-radius:1em;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);display:flex;-webkit-filter:blur(.2px);filter:blur(.2px);font-size:1.5em;justify-content:space-between;margin:0 auto;padding:1.2em;position:fixed;top:5em;width:50%}.closebtn:hover{background-color:#1d1e22;background-color:var(--dark-slate);border-radius:1em;color:#fbae3c;color:var(--other-orange);cursor:pointer;padding:.1em .5em}.blury{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:none;height:100%;position:fixed;top:0;width:100%}.shown{display:block}.form--title{border-bottom:2px solid #fbae3c;border-bottom:2px solid var(--other-orange);border-radius:2em;color:#fbae3c;color:var(--other-orange);font-size:3em;font-weight:700;margin-bottom:1em;text-align:center;width:100%}.form--container{background-attachment:fixed;background-image:url(../../static/media/bg--login2.bd407e53eedf029b7a59.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1em;box-shadow:0 5px 15px hsla(0,0%,100%,.5);display:flex;flex-direction:column;flex-wrap:wrap;height:80vh;left:50%;overflow:hidden;overflow-y:visible;padding:2em 1em;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60vw}.form--container::-webkit-scrollbar{background-color:#1d1e22;background-color:var(--dark-slate);border-radius:5em}.form--container::-webkit-scrollbar-button{display:none}.form--container::-webkit-scrollbar-thumb{background-color:#393f4d;background-color:var(--deep-grey);border-radius:5em}.forms{align-items:center;background-color:#1d1e22;background-color:var(--dark-slate);border:2px solid #fbae3c;border:2px solid var(--other-orange);border-radius:7em;justify-content:center;padding:2em}.forms,.forms label{display:flex;flex-direction:column}.forms label{color:#d4d4dc;color:var(--clear-grey);font-family:cursive;font-size:1.6em;justify-content:space-between;text-align:center}.input--box{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#1d1e22;background-color:var(--dark-slate);border-radius:.7em;box-shadow:0 0 10px 2px rgba(0,0,0,.5);color:#fff;font-size:1.3em;margin:1em auto;padding:.5em;position:relative;width:80%}.create--exam-btn{justify-self:flex-end}.create--exam-btn button{background-color:#1d1e22;background-color:var(--dark-slate);border:1px solid #fff;border-radius:2em;box-shadow:0 0 10px 2px rgba(0,0,0,.5);color:#fbae3c;color:var(--other-orange);font-size:2em;padding:.5em;position:relative}.create--exam-btn button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.4s ease-in-out}
/*# sourceMappingURL=main.cc89ca3c.css.map*/