:root{--bg0: #b2f9ce;--bg1: #78a1ee}body{margin:0;background:radial-gradient(1200px 900px at 20% 10%,#c5cff5 0%,transparent 60%),radial-gradient(900px 700px at 80% 20%,#9bb5f7 0%,transparent 55%),radial-gradient(1000px 800px at 50% 85%,#79c0f7 0%,transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1))}.header{display:flex;align-items:center;font-family:monospace,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding-bottom:5px}.app{min-height:100vh;display:flex;flex-direction:column;margin:10px}.main{display:flex}fieldset{border:none}h3{margin:0}.tabs{display:flex;gap:6px;margin-bottom:16px;margin-left:12px}.editorPanel{display:flex;flex-direction:column;flex:2;max-height:calc(100vh - 120px)}.formContainer{flex:1;overflow-y:auto;padding-right:2px}.formContainer::-webkit-scrollbar{width:8px}.formContainer::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.resumePage{flex:4;padding:1rem 2.5rem;margin-top:68px;border:1.5px solid #333333;border-radius:1% 6% 5% 4%/1% 1% 2% 4%;font-family:Helvetica,sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#d8f5fc}.header>h1{margin-left:12px}.button-55{align-self:center;background-color:#d9f7fb;background-image:none;background-position:0 90%;background-repeat:repeat no-repeat;background-size:4px 3px;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-style:solid;border-width:1.5px;box-shadow:#0003 15px 28px 25px -18px;box-sizing:border-box;color:#41403e;cursor:pointer;display:inline-block;font-family:Neucha,sans-serif;font-size:1rem;line-height:23px;outline:none;padding:.75rem;text-decoration:none;transition:all .15s ease-in-out;border-radius:255px 15px 225px/15px 225px 15px 255px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-55:hover{box-shadow:#c7ebf8 2px 8px 8px -5px;transform:translate3d(0,2px,0)}.button-55:focus{box-shadow:#d7f0f8 2px 8px 4px -6px}.delBtn{align-self:center;background-color:#fdebeb;background-image:none;background-position:0 90%;background-repeat:repeat no-repeat;background-size:4px 3px;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-style:solid;border-width:1.25px;box-shadow:#0003 15px 28px 25px -18px;box-sizing:border-box;color:#41403e;cursor:pointer;display:inline-block;font-family:Neucha,sans-serif;font-size:1rem;line-height:23px;outline:none;margin:.5rem;text-decoration:none;transition:all .15s ease-in-out;border-radius:255px 15px 225px/15px 225px 15px 255px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.delBtn:hover{box-shadow:#fcbdbd 2px 8px 8px -5px;transform:translate3d(0,2px,0)}.delBtn:focus{box-shadow:#ffa07a 2px 8px 4px -6px}.addBtn{align-self:center;background-color:#d6fff1;background-image:none;background-position:0 90%;background-repeat:repeat no-repeat;background-size:4px 3px;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-style:solid;border-width:1.25px;box-shadow:#0003 15px 28px 25px -18px;box-sizing:border-box;color:#41403e;cursor:pointer;display:inline-block;font-family:Neucha,sans-serif;font-size:1rem;line-height:23px;outline:none;margin:.5rem;text-decoration:none;transition:all .15s ease-in-out;border-radius:255px 15px 225px/15px 225px 15px 255px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.addBtn:hover{box-shadow:#90ee90 2px 8px 8px -5px;transform:translate3d(0,2px,0)}.addBtn:focus{box-shadow:#90ee90 2px 8px 4px -6px}.addBtnAct{margin-top:0;margin-bottom:10px;margin-left:0}.actInputAndBtn{display:flex}.headerAndPrint{display:flex;justify-content:space-between}@media print{.headerAndPrint,.editorPanel{display:none}.app{min-height:auto!important;margin:0!important}html,body{margin:0!important;padding:0!important}.resumePage{margin:0 auto;border:none;box-shadow:none}}@page{margin:0}button.printButton{width:75px;height:75px}span.printIcon,span.printIcon:before,span.printIcon:after,button.printButton:hover .printIcon:after{border:solid 4px #333}span.printIcon:after{border-width:2px}button.printButton{position:relative;padding:0;border:0;border:none;background:transparent}span.printIcon,span.printIcon:before,span.printIcon:after,button.printButton:hover .printIcon:after{box-sizing:border-box;background-color:#fff}span.printIcon{position:relative;display:inline-block;padding:0;margin-top:20%;width:60%;height:35%;background:#fff;border-radius:20% 20% 0 0}span.printIcon:before{content:"";position:absolute;bottom:100%;left:12%;right:12%;height:110%;transition:height .2s .15s}span.printIcon:after{content:"";position:absolute;top:55%;left:12%;right:12%;height:0%;background:#fff;background-repeat:no-repeat;background-size:70% 90%;background-position:center;background-image:linear-gradient(to top,#fff 0 14%,#333 14% 28%,#fff 28% 42%,#333 42% 56%,#fff 56% 70%,#333 70% 84%,#fff 84% 100%);transition:height .2s,border-width 0s .2s,width 0s .2s}button.printButton:hover{cursor:pointer}button.printButton:hover .printIcon:before{height:0px;transition:height .2s}button.printButton:hover .printIcon:after{height:120%;transition:height .2s .15s,border-width 0s .16s}.perForm,.eduForm,.expForm{padding:2rem;margin:.5rem;border:1.5px solid #333333;border-radius:2% 6% 5% 4%/1% 1% 2% 4%;background-color:#d8f5fc;font-family:monospace,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}textarea{flex:1}h1{font-size:30px}.phoneEmail>*{font-size:17px}h2{font-size:20px}.degree,.company{font-size:17px;font-weight:600;margin-bottom:5px}.school,.role{font-size:15px}.personalSection>h1{display:flex;justify-content:center;margin-bottom:7px}.phoneEmail{display:flex;justify-content:center;gap:20px;padding-bottom:15px;border-bottom:1px solid black}.educationDiv,.experienceDiv{padding-bottom:7px}.educationDiv{border-bottom:1px solid black}.educationSection,.experienceSection{margin-bottom:15px;margin-left:7px;margin-right:7px}.degreeYearsEduFlex,.companyYearsExpFlex{margin-right:5px;display:flex;align-items:center;justify-content:space-between}li{font-size:15px;margin-top:5px;margin-bottom:5px}.aboutMe{width:90%;justify-self:center;padding-top:10px;padding-bottom:10px}.personalSection{border-bottom:1px solid black}
