.flex{display:flex}#nav,#footer{display:flex;justify-content:space-around;align-items:center;background-color:#0972ba;width:100vw}#footer{position:fixed;bottom:0}#logoandname{justify-content:center;height:10vh;align-items:center}#Dimg{height:50%}#Dlogo{height:150%}#pocket,#gadgetimg{width:30vw}h6{margin:0;text-align:center}#actions{width:50%;display:flex;justify-content:right}#gadgetInfo{display:flex;flex-direction:column;align-items:flex-start}#gadgetBox{background-color:#0972ba;width:30vw;padding:1%;border-radius:3%;margin:5%;scale:.9}h3{margin:0}#welcomeh1{margin-bottom:5px}button{background-color:#fdd404;border:none;width:100%;height:3em;margin:2%}#welcomepage{justify-content:center;align-items:center;height:70vh}#gadgetsgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2%;padding:2%}#gadgetEntity{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0972ba}#imgdiv{height:100px;width:100px;background-color:#fff}#Homepage{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}#bg1{position:absolute;top:50%;left:78%}#AddGadgetFormContainer,#LoginContainer,#UpdateGadgetFormContainer,#SignupContainer{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}#AddGadgetForm,#Login,#UpdateGadgetForm,#Signup{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0972ba;padding:10% 70%;scale:1.3}input{padding:2%}#addentitybtn{width:100px}#imgdiv img{height:100%;width:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#26a9e1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}