@font-face{font-family:font;src:url(../fonts/Montserrat-Medium.ttf) format('truetype');font-weight:500}@font-face{font-family:font;src:url(../fonts/Montserrat-Bold.ttf) format('truetype');font-weight:700}:root{font-size:10px}*,::after,::before{padding:0;margin:0;box-sizing:border-box}body{width:100%;min-height:100vh;font-family:font,roboto,sans-serif;background:#fff;position:relative}.logo{width:100%;height:6rem;line-height:6rem;padding:0 2rem;font-size:3rem;font-weight:700;background:#000;color:#fff;user-select:none;cursor:pointer}.container{width:100%;padding:1rem 0}.container>div{border:1px solid #999;padding:3rem 2rem;margin:1rem 1.5rem;border-radius:.5rem;display:flex;flex-direction:column}label{font-size:2.5rem;color:#333;user-select:none;cursor:pointer;padding:0 0 1.5rem 0;font-weight:500}#dogNameList{appearance:none;font-size:2rem;border:none;outline:0;height:4rem;line-height:4rem;border-radius:.5rem;font-family:font,roboto,sans-serif;color:#333;padding:0 1.5rem;font-weight:500;background:#f5f5f5}#popUpWrapper{width:100%;height:100vh;position:fixed;left:0;top:0;overflow:hidden;display:none;flex-direction:column;background:rgba(0,0,0,.9);backdrop-filter:blur(.2rem);align-items:center}#closePopUp{width:5rem;height:5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:.5rem}#closePopUp>img{width:100%;height:100%}#popUp{width:90%;background:#fff;max-width:50rem;font-size:2rem;padding:2rem;color:#666;flex-grow:1;border-radius:1rem 1rem 0 0;transform:translateY(100%);transition:.5s ease-in-out;overflow:auto}#popUp>div>span{color:#333;font-weight:700}#dogImage{width:100%;height:20rem;border-radius:1rem;background:#f5f5f5;background-size:cover}#dogName{font-size:clamp(3rem,5vw,5rem);padding:2rem 0 1rem 0}#dogName>span{color:#ff7e7e}