:root{--federal-blue: #03045eff;--honolulu-blue: #0077b6ff;--pacific-cyan: #00b4d8ff;--non-photo-blue: #90e0efff;--light-cyan: #caf0f8ff}@font-face{font-family:"IBM Plex Serif";src:url(../assets/IBMPlexSerif-SemiBold.ttf)}@font-face{font-family:IBM Plex Sans;src:url(../assets/IBMPlexSans-LightItalic.ttf)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--light-cyan);color:var(--honolulu-blue);font-family:"IBM Plex Serif"}h2{margin:40px;font-size:50px;font-family:IBM Plex Sans;text-align:center}.section{position:relative;background-color:var(--non-photo-blue);width:550px;flex-direction:column;margin:auto;border-radius:8px;padding:20px;border:1px solid var(--honolulu-blue)}.card{color:var(--honolulu-blue);margin:40px;padding-top:10px;padding-bottom:10px;border-radius:8px}.form{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form label{font-size:18px;padding:5px 5px 5px 0}.inputfield-submit{display:flex;justify-content:center;align-items:center;width:90%}.inputfield-submit input{width:70%;color:var(--honolulu-blue);background-color:var(--light-cyan);border-radius:8px;padding:2px 8px;font-size:16px;border:1.5px black solid;transition:.2s ease-in-out}.inputfield-submit input:focus{border:2px solid black;transition:.2s ease-in-out;background-color:var(--pacific-cyan);color:#000;outline:0}.inputfield-submit .btn{background-color:var(--non-photo-blue);padding:2px 10px;font-family:IBM Plex Sans;font-weight:700;border:2px solid var(--honolulu-blue);transition:.2s ease-in-out;cursor:pointer}.inputfield-submit .btn:hover{border:2px solid var(--pacific-cyan);transition:.2s ease-in-out;background-color:var(--pacific-cyan)}.modal{text-align:center;position:absolute;left:40%}.modal-name{border-radius:8px;background-color:var(--pacific-cyan);padding:5px 10px;color:#000}.list{padding:20px 20px 20px 5px}.list-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:"IBM Plex Serif"}.seamless-btns{border:0px;outline:0px;box-shadow:0;background-color:inherit}.edit-icon{width:25px;height:25px;transition:.2s ease-in-out;color:green}.edit-icon:hover{color:#014b01;transition:.2s ease-in-out}.delete-icon{width:25px;height:25px;color:#d90000;transition:.2s ease-in-out}.delete-icon:hover{color:#6f0000;transition:.2s ease-in-out}