*{margin:0;padding:0;box-sizing:border-box}.body{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center}.title{width:100vw;height:100px;display:flex;justify-content:center;align-items:center;font-size:50px;color:#488bfe;font-weight:700;box-shadow:0 -5px 3px #ffa5a5 inset;margin-bottom:60px}.detail-container{height:350px;width:800px;display:flex;flex-direction:row;justify-content:center}.input-area{height:50px;padding:5px;color:#474747;outline:none}.button{height:50px;width:130px;color:#fff;background-color:#3988d1;border-bottom-right-radius:3px;border-top-right-radius:3px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:500}.button:hover{cursor:pointer;transform:scale(1.1);transition-duration:.1s}.shorturl-container{margin-top:-200px;display:grid;grid-template-rows:repeat(2,1fr)}.shorturl-alert{color:red;font-weight:700;font-size:30px;display:flex;justify-content:center}.tooManyRequests{font:400;color:red;font-weight:700;margin:-150px}.url-container{display:flex}.shorturl{color:#00f;cursor:pointer;text-decoration:underline}