body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#signupContainer{height:auto;box-sizing:border-box;padding:45px 70px;width:450px;border-radius:10px;background-color:#ffffffac;display:flex;flex-direction:column;gap:10px;font-family:sans-serif}#signupTitle{font-size:32px;text-align:center;font-weight:600}#signupBtn{border:none;width:100%;background-color:#8a2be2;height:40px;font-size:15px;border-radius:7px;cursor:pointer;color:#fff}@media(max-width:500px){#signupContainer{height:auto;box-sizing:border-box;padding:25px 20px;width:290px;border-radius:10px;background-color:#ffffffac;display:flex;flex-direction:column;gap:10px}}#loginContainer{height:auto;box-sizing:border-box;padding:45px 70px;width:450px;border-radius:10px;background-color:#ffffffac;display:flex;flex-direction:column;font-family:sans-serif;gap:10px}#loginTitle{font-size:32px;font-family:sans-serif;font-weight:600;text-align:center}#emailSection,#passwordSection{display:flex;gap:5px;flex-direction:column}#emailLabel,#passwordLabel{color:#7d7979a6;font-weight:600}#emailField,#passwordField{border:1px lightgrey solid;background-color:#fff;height:25px;border-radius:5px;padding:5px}#buttonSection{margin-top:5px}#loginBtn{border:none;width:100%;background-color:#8a2be2;height:40px;font-size:15px;border-radius:7px;color:#fff}#loginBtn{cursor:pointer}#linkSection{color:gray}@media(max-width:500px){#loginContainer{height:auto;box-sizing:border-box;padding:25px 20px;width:290px;border-radius:10px;background-color:#ffffffac;display:flex;flex-direction:column;gap:10px}}#dashboardContainer{background-color:#ffffffac;width:500px;height:auto;padding:10px;border-radius:20px;gap:20px;display:flex;flex-direction:column;align-items:center}#linksContainer{width:80%;display:flex;flex-direction:column;gap:15px}.linkContainerDashboard{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:auto}.linkContainerDashboard>label{font-size:18px;font-family:sans-serif}.linkContainerDashboard>input{border:1px lightgrey solid;background-color:#fff;height:30px;width:200px;border-radius:5px;font-size:15px;font-family:sans-serif}.linkContainerDashboard>textarea{border:1px lightgrey solid;background-color:#fff;height:60px;width:200px;border-radius:5px;font-size:14px;font-family:sans-serif}#linkContainerTextArea{align-items:start}.linkContainerDashb>input:hover{border:1px solid rgb(88,88,239);box-shadow:0 2px 2px #0000ff72}#dashboardTitle{font-size:30px;font-weight:600;font-family:sans-serif}#submitBtn{border:none;width:60%;background-color:#8a2be2;height:40px;font-size:15px;border-radius:7px;color:#fff}#userLogo{width:20%;height:10%}#logoutBtnDashboard{position:absolute;left:920px;top:160px;border:none;background-color:red;color:#fff;width:80px;height:30px;border-radius:5px;cursor:pointer}@media(max-width:900px){#logoutBtnDashboard{left:600px;top:120px;width:80px;height:30px;border-radius:5px}}@media(max-width:700px){#logoutBtnDashboard{left:470px;top:120px;width:80px;height:30px;border-radius:5px}}@media(max-width:500px){#logoutBtnDashboard{margin-left:100px;position:fixed;left:600px;top:0;width:80px;height:30px;border-radius:5px}#dashboardContainer{width:300px;height:auto;padding:10px;border-radius:20px;gap:20px;display:flex;flex-direction:column;align-items:center;font-family:sans-serif}#dashboardTitle{font-size:20px}#linksContainer{width:80%;display:flex;flex-direction:column;gap:5px}.linkContainerDashboard>label{font-size:15px}.linkContainerDashboard>input{border:1px lightgrey solid;background-color:#fff;height:25px;width:180px;border-radius:5px;font-size:12px}.linkContainerDashboard>textarea{border:1px lightgrey solid;background-color:#fff;height:60px;width:180px;font-size:12px;border-radius:5px}#linkContainerTextArea{align-items:start}#userLogo{width:20px;height:20px}}#cardContainer{background-color:#ffffffac;width:auto;height:auto;padding:20px;border-radius:20px;gap:20px;display:flex;flex-direction:column;align-items:center;font-family:sans-serif}#cardHeader{display:flex;flex-direction:column;align-items:center;justify-content:center}#cardDescription{font-size:18px}#linksContainer{width:auto;display:flex;flex-direction:column;gap:10px}.linkContainer{display:flex;flex-direction:row;align-items:center;justify-content:left;gap:10px}.linkContainer>span{font-size:20px}.linkContainer>a{font-size:20px}.linkContainer>input:hover{border:1px solid rgb(88,88,239);box-shadow:0 2px 2px #0000ff72}#cardTitle{font-size:30px;font-weight:600}#dashboardBtn{border:none;width:60%;background-color:#8a2be2;height:40px;font-size:15px;border-radius:7px;color:#fff}#submitBtn{cursor:pointer}#userLogo{width:10%;height:10%}#logoutBtn{position:absolute;left:1000px;top:170px;border:none;background-color:red;color:#fff;width:80px;height:30px;border-radius:5px;cursor:pointer}#pathSection{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}#clipboardCopyInput{border:1px lightgrey solid;background-color:#fff;height:30px;width:200px;border-radius:5px;padding:5px}#clipboardCopyInput:hover{border:1px solid rgb(88,88,239);box-shadow:0 2px 2px #0000ff72}#clipboardCopyBtn{border:none;width:30%;background-color:#8a2be2;height:40px;font-size:15px;border-radius:7px;color:#fff;cursor:pointer}@media(max-width:1200px){#logoutBtnDashboard{left:700px;top:120px;width:80px;height:30px;border-radius:5px}}@media(max-width:900px){#logoutBtn{left:600px;top:120px;width:80px;height:30px;border-radius:5px}}@media(max-width:700px){#logoutBtn{left:470px;top:120px;width:80px;height:30px;border-radius:5px}}@media(max-width:500px){#logoutBtn{left:265px;top:15px;width:80px;height:30px;border-radius:5px}#cardContainer{width:auto;height:auto;padding:5px;border-radius:20px;gap:20px;display:flex;flex-direction:column;align-items:center}#cardTitle{font-size:20px}#cardDescription{font-size:15px}#linksContainer{width:80%;display:flex;flex-direction:column;gap:5px}.linkContainer>span{font-size:13px}.linkContainer>a{font-size:13px}}#titleContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}#title{color:#fff;font-size:30px;font-weight:600;font-family:sans-serif}#desc{color:#fff;font-size:20px;font-weight:600;font-family:sans-serif}#parentContainer{background:url(/assets/wallpaper-Cu6_dCth.jpg) no-repeat center/cover;height:100vh;width:100vw;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;gap:20px;align-items:center}