*{box-sizing:border-box;margin:0;padding:0}body{background-image:linear-gradient(90deg,#63a5f09d,#c955ec9c);flex-direction:column;min-height:100vh;font-family:Sour Gummy,sans-serif;display:flex}main{text-align:center;flex:1;max-width:1140px;min-height:100%;margin:1em auto 0;padding:2em}h1{text-align:center;margin-bottom:1em}@media screen and (width<=768px){main{padding:1em}}@media screen and (width<=500px){h1{font-size:1.5em}main{padding:0}}header{text-align:center;margin:0 auto;padding:1em}nav li{margin:0 1em;display:inline-flex}nav a{color:#000;background-color:#ecd4b5;border-radius:12px;padding:1em;font-size:1.1em;font-weight:700;text-decoration:none}.nav-links{transition:all .3s}.nav-links:hover{background-color:#1ac3ee}#current-page{background-color:#fff}@media screen and (width<=768px){nav a{padding:.8em}}@media screen and (width<=500px){header{padding:.5em}nav li{margin:0 .5em}nav a{padding:.5em;font-size:1em}}@media screen and (width<=370px){header{padding:.2em}nav li{margin:0 .3em}nav a{margin-top:1em;padding:.5em;font-size:.9em}}@media screen and (width<=320px){nav a{margin-top:1em;padding:.3em;font-size:.9em}}footer{text-align:center;letter-spacing:1px;width:100%;height:60px;margin-top:2em}@media screen and (width<=370px){footer{font-size:.9em}}.add-main{text-align:center;flex:1;max-width:960px;min-height:100%;margin:1em auto 0;padding:2em}form{background-color:#69bbff;border-radius:12px;flex-direction:column;align-items:center;gap:.2em;width:100%;margin:0 auto;padding:1em;display:flex}form legend{text-align:center;margin-bottom:.7em;font-size:1.5em;font-weight:700}form label{text-align:left;font-size:1.2em}form div{flex-direction:column;width:70%;margin-bottom:1em;display:flex}form input{border-width:1px;border-color:#04f;border-radius:8px;width:100%;padding:.5em .25em}textarea{min-width:100%;max-width:100%;max-height:400px}textarea::placeholder{font-size:1em}#error-message{color:#dd0404;margin:0 auto}#error-message li{text-align:left;list-style-position:inside}@media screen and (width<=768px){.add-main{padding:2em}form div{width:85%}}@media screen and (width<=500px){.add-main{padding:1em}form div{width:95%}form button{width:70%}form legend{font-size:1.3em}}@media screen and (width<=370px){.add-main{padding:.5em}}@media screen and (width<=320px){.add-main{padding:0}form{width:95%}}#about-main{width:100%;padding:0}.about-article{background-color:#fff;border-radius:16px;flex:1;width:55%;max-width:960px;min-height:100%;margin:1em auto 0;padding:2em 3em;box-shadow:0 0 12px 1px #000}.about-article h1{margin-bottom:.5em}.about-article h2{text-align:center;margin:.5em 0}.about-article p{text-align:left;max-width:60ch;margin:0 auto 1em;line-height:1.4}@media screen and (width<=768px){.about-article{width:70%;padding:1.5em 2em}}@media screen and (width<=500px){.about-article{width:90%;padding:1em 1.5em}}@media screen and (width<=370px){.about-article{width:95%}}#experiences-container{background-color:#fce1cb;border-radius:12px;width:100%;margin:0 auto;padding:1em 5em 5em}#experiences-container h2{text-align:center;margin-bottom:1em}#experience-list{width:100%;max-width:700px}.experience-item{text-align:left;background-color:#e0dfdf94;border-radius:16px;flex-direction:column;justify-content:center;width:100%;margin:0 auto 2.5em;padding:1em;display:flex;box-shadow:0 0 12px 2px #000}.experience-item p{word-wrap:break-word;width:100%;margin-top:.5em}.experience-dates{margin-top:1em}.experience-dates p{color:#1f1e1e;font-size:.9em}@media screen and (width<=768px){.experience-item{padding:1em}#experiences-container{padding:1em 3em 3em}}@media screen and (width<=500px){#experiences-container{border-radius:0;padding:1em}}.delete-btn{color:#000;cursor:pointer;background-color:#e95500e3;border-radius:8px;padding:.25rem 1rem;font-family:monospace,sans-serif;font-weight:700;transition:all .3s;box-shadow:0 0 2px 2px #0003}.delete-btn:hover{background-color:#1ac3ee}.delete-btn:active{background-color:#fff}.delete-btn{margin-right:.5em}.update-btn{color:#000;cursor:pointer;background-color:#7ff30be3;border-radius:8px;padding:.25rem 1rem;font-family:monospace,sans-serif;font-weight:700;transition:all .3s;box-shadow:0 0 2px 2px #0003}.update-btn:hover{background-color:#1ac3ee}.update-btn:active{background-color:#fff}form button{cursor:pointer;background-image:linear-gradient(90deg,#caf3f19d,#2efc059c);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5em;width:50%;margin-top:1em;padding:1em .75em;font-weight:700;display:flex}form button:hover{background-image:linear-gradient(90deg,#6bd600e3,#9ffa93)}form button:active{background-color:#fff}#experience-btns{justify-content:flex-end;align-items:center;gap:.5em;margin-top:1.5em;display:flex}@media screen and (width<=500px){form button{width:70%}}#pop-up,#pop-up-delete{color:#000;text-align:center;opacity:0;pointer-events:none;visibility:hidden;background-color:#adff2f;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:15%;padding:1em;transition:opacity 1.5s;display:flex;position:fixed;bottom:10vh;right:0}#pop-up-delete{color:#fff;text-align:center;opacity:0;pointer-events:none;visibility:hidden;background-color:#ff6a00;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:15%;padding:1em;transition:opacity 1.5s;display:flex;position:fixed;bottom:10vh;right:0}#pop-up.visible,#pop-up-delete.visible{opacity:1;visibility:visible;animation:2s infinite popupAnimation;right:2vh}@media screen and (width<=768px){#pop-up,#pop-up-delete{width:30%;font-size:.9em}}@media screen and (width<=370px){#pop-up,#pop-up-delete{width:30%}}@keyframes popupAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}