.resume-container{background:linear-gradient(90deg,#123456,#054c8933);align-self:center;width:100vw;max-width:1024px;padding:2rem}.resume-title{text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.resume-field{margin-bottom:1.5rem}.resume-label{color:#fff;margin-bottom:.5rem;font-weight:700;display:block}.resume-input,.resume-select,.resume-textarea{border:1px solid #ccc;border-radius:.375rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.resume-input:hover,.resume-select:hover,.resume-textarea:hover{color:#000;place-content:white;background-color:#f9f9f9;border-color:#666}.resume-input:focus,.resume-select:focus,.resume-textarea:focus{color:#000;background-color:#eef2ff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e533}.resume-input::placeholder,.resume-textarea::placeholder{color:#888}.resume-section-title{border-bottom:2px solid #ddd;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.resume-dynamic-block{background-color:#fafafa;border:1px solid #ccc;border-radius:.5rem;margin-bottom:1rem;padding:1rem;transition:all .3s}.resume-dynamic-block:hover{background-color:#f0f0f0;transform:translateY(-2px)}