@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.panel-container{padding:1rem;gap:.5rem;background-color:var(--white-smoke);border-radius:0 0 .5rem .5rem}.editor-buttons{grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.editor-buttons>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;font-size:.9rem;font-weight:600;height:2rem;border-radius:.5rem .5rem 0 0;cursor:pointer}.editor-buttons>button:disabled{cursor:auto}.entry{position:relative;background-color:#eee;border-radius:.5rem;align-items:center;height:auto;padding:1rem}.entry.add-button{padding:0}.entry.add-button>button{color:#fff;background-color:var(--teal);height:3rem;width:100%;font-size:1.2rem;font-weight:600;cursor:pointer}.entry h3{font-size:1.2rem;font-style:italic;margin-bottom:1rem}.entry h4{font-size:1.2rem;font-style:italic;margin:1rem 0}.remove-catagory{position:absolute;cursor:pointer;top:.5rem;right:.5rem;height:3rem;width:3rem}.input-div{grid-template-columns:1fr 3fr;gap:1rem;margin-right:5rem;margin-bottom:.5rem;align-items:center}.input-div>label{justify-self:end;font-weight:600}.input-div.summary>label{align-self:start;margin-top:.4rem}.input-div>input{height:2rem;font-size:1rem;padding:0 .5rem}.input-div>textarea{padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;resize:none}.input-div.detail{position:relative}.input-div.detail label{align-self:start;margin-top:.4rem}.input-div.detail button{position:absolute;right:-2.6rem;top:0;width:2rem;height:2rem;cursor:pointer}button.add-detail{height:2rem;width:20.6rem;margin-left:7.85rem;cursor:pointer;font-weight:600}.resume.entry{grid-template-columns:8.5rem 1fr 3rem;background-color:#eee;border-radius:.5rem;align-content:center;height:3rem;padding:0}.resume.entry>label{margin-left:1rem;align-self:center;font-size:1.2rem;font-style:italic}.resume.entry>input{width:20rem;height:2rem;font-size:1rem;padding:0 .5rem;font-weight:500;align-self:center}.resume.entry>button{height:3rem;cursor:pointer}.resume.entry.add-button>button{height:100%;width:100%;font-size:1.2rem}.resume.entry.active{background-color:#b9ffff}.general .input-div{margin-right:2rem}.style.entry select{height:2rem;font-size:1rem;padding:0 .5rem;font-style:italic}.style.entry input{height:3rem;width:100%}.trash{border-radius:.5rem;border:none;background-color:gray;background-image:url(/trash.svg);background-size:50%;background-position:center;background-repeat:no-repeat}.trash:hover{background-color:#d35757}.entry:not(.active):not(.style):not(.general):hover{background-color:#dfdfdf}.add-button button{border-radius:.5rem;border:none}.add-button button:hover{background-color:#0cadad}.add-detail{border-radius:.5rem;border:1px solid grey}.add-detail:hover{background-color:#d6d6d6}.editor-buttons>button.active{background-color:var(--white-smoke);color:#000}.editor-buttons>button.inactive{background-color:#c2c2c2}.editor-buttons>button.inactive:hover{background-color:#d3dee6}.preview-container{height:902px;grid-template-rows:auto 1fr}.template-page{background-color:var(--white-smoke)}.template-page.standard{grid-template-rows:auto 1fr}.preview-header,.preview-content{padding:3rem 5rem}.preview-header{grid-template-columns:3fr 2fr;color:#fff}.preview-header>.header-main{align-content:center;gap:.5rem}.header-main>h2{font-size:2rem;font-weight:700}.header-main>h3{font-size:1.6rem;font-style:italic}.preview-header>.header-details{justify-items:end;align-content:start;gap:.5rem}.header-details>a{color:#c8f6ff;font-style:italic}.preview-content{align-content:start}.preview-section{position:relative;align-content:start;margin-bottom:1rem}.preview-section>h4{font-weight:700}.preview-section>hr{width:100%;margin-top:2px}.preview-section p{font-size:.9rem}.preview-summary>p{font-size:.8rem;margin-bottom:.2rem}.preview-entry-header{grid-template-columns:1fr 1fr}.preview-entry-header>p{font-weight:600}.preview-entry-header-institution{justify-self:start}.preview-entry-header-date{justify-self:end}.preview-entry-program{font-style:italic}.preview-entry>ul{list-style-type:circle;padding-left:2rem;font-size:.8rem;margin-top:.3rem;margin-bottom:.4rem}.preview-skill-entries{grid-template-columns:1fr 1fr 1fr;grid-auto-flow:row}.preview-skill-entry>h5{font-size:.9rem}.preview-skill-entry>p{font-size:.8rem;font-style:italic;margin-bottom:.5rem}span{position:relative}.preview-container img{position:absolute;top:-2px;width:1.3rem;margin-left:.3rem;object-fit:contain}.header-details-location img{top:-4px}.preview-content img{left:-2.5rem;top:-.2rem}.template-page.left,.template-page.right{grid-template-rows:1fr 4fr}.main-container{padding:1rem;gap:2rem;grid-auto-flow:column;align-items:start;grid-template-columns:1fr 697px}.main-container>div{gap:.9rem}.main-container>div>h2{font-size:1.5rem;font-style:italic;font-weight:600;color:var(--white-smoke)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{box-sizing:border-box;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--teal: #087e8bff;--bittersweet: #ff5a5fff;--onyx: rgb(31, 32, 35);--white-smoke: #f5f5f5ff;--puce: #c1839fff;background-color:var(--onyx)}*,*:before,*:after{box-sizing:inherit}body{min-height:100vh;font-family:Roboto,sans-serif;display:grid}.grid{display:grid}#root{display:grid;grid-template-rows:8rem auto 12rem}header{margin-bottom:-3rem;display:grid;place-content:center;font-weight:700;font-size:4rem;color:var(--white-smoke)}main{width:85rem;justify-self:center;margin:1rem 0}footer{display:grid;place-content:center;font-size:1.2rem;font-weight:600;background-color:var(--teal);color:var(--white-smoke)}