*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;margin:0 auto;max-width:430px;background-color:#ededed}#app{width:100%;max-width:430px;margin:0 auto;height:auto;min-height:100%;background-color:#fff}.Container{width:100%;max-width:430px;margin:0 auto;padding-top:5em}.title{width:100%;text-align:center;margin:1em 0}.logo[data-v-7a02911f]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-7a02911f]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-7a02911f]:hover{filter:drop-shadow(0 0 2em #42b883aa)}.navBar{position:fixed;top:3em;width:100%;max-width:430px;height:2em;background-color:#d3d3d3;display:flex;justify-content:center;align-items:center;gap:20px}.headerBox{width:100%;max-width:430px;height:3em;background-color:#040404;color:#fff;display:flex;justify-content:center;align-items:center;position:fixed}.navLink{text-decoration:none;color:#000}.list{margin:0 2em}.inputBox{padding:1em;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;width:90%;margin:0 auto;background-color:beige;border-radius:16px;border:black 1px solid}.inputBox p{align-items:center;display:flex;width:100%;height:2em;font-size:large}.inputBox span{display:block;width:3.5em}.inputBox input{flex:1;height:2em;font-size:1em;padding-left:.5em}.inputBox input[type=radio]{flex:0;width:auto;height:auto;padding-left:0}.submitBtn{width:100%;background-color:#74e474;border:1px black solid;border-radius:8px;height:3em;font-size:large;font-weight:700}.card{width:90%;height:11em;margin:0 auto;background-color:beige;border-radius:16px;border:black 1px solid;display:flex;gap:.5em;padding:1em;box-sizing:border-box}.profileBox{width:7em;height:100%}.descriptionBox{display:flex;flex-direction:column;justify-content:center;width:100%;height:80%}.btnContainer{height:20%;width:90%;display:flex;justify-content:flex-end;gap:8px}.btnContainer button{height:2em;width:3em}.infoBox{width:100%;height:100%}.profileBox img{height:80%}.modifyBtn{background-color:#90a3ff;border-radius:4px;border:black 1px solid}.deleteBtn{background-color:#ff9090;border-radius:4px;border:black 1px solid}.cardContainer{width:100%;height:100%;display:flex;flex-direction:column;gap:16px}