.notfound-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;color:#333}.notfound-code{font-size:6rem;margin:0}.notfound-message{font-size:1.5rem;margin-bottom:1rem}.notfound-link{font-size:1rem;color:#007bff;text-decoration:none;border-bottom:1px solid #007bff;padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.notfound-link:hover{color:#0056b3;border-color:#0056b3}.ToSignUp{display:grid;place-items:center;height:100vh;background-color:#0092;width:100%}.ToSignUp button:hover{transform:scale(1.1)}.ToSignUp button{padding:1em 2em;border:none;background-color:gold;color:#000;border-radius:5px;cursor:pointer;transition:all ease-in-out .3s}.formMain form{display:grid;align-items:center;min-height:40vh;border-radius:30px;border:2px solid gold;padding:2em;width:60%;gap:1.5em}.user-signup form{min-height:50vh}.formMain{display:grid;place-items:center;min-height:70vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding-block:1em}.formMain label{display:grid;gap:.5em}.formMain h1{font-size:2rem;text-align:center}.formMain button{justify-self:center;padding:1em;border-radius:20px;border:1px solid gold;background-color:#fff;transition:all ease-in-out .3s;cursor:pointer}.formMain button:hover{transform:translateY(-3px) scale(1.05)}input,select{width:96%;padding:.75em;margin-block:1em;border:1px solid #ccc;border-radius:4px;font-size:16px}input:focus,select:focus{border-color:#4caf50;outline:none}.user-signup span{justify-self:end}.user-signup a{text-decoration:none}.container{display:flex;flex-direction:column;align-items:center;margin-top:20px}.profile-pic{width:150px;height:150px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid #ddd;transition:border-color .3s ease-in-out}.profile-pic:hover{border-color:#007bff}.file-input{display:none}#logout-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0}#logout-container h1{font-size:1.3rem}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}*,html,body{box-sizing:border-box}