:root{--lgreen:#8decb4;--orange:#e86a33;--bground:#f5f2f1;--text:#414040;--dtext:#2c2c2c;--brown:#57473a}*{box-sizing:border-box;color:#414040;color:var(--text);font-family:Urbanist,sans-serif;font-size:24px;font-weight:400;margin:0;padding:0}body{background-color:#cee8f0}.container{align-items:center;background-color:var(--bground);border:3px solid #414040;border-radius:8px;box-shadow:0 6px 4px #aaa7a7;display:flex;flex-direction:column;height:600px;justify-content:center;left:50%;position:relative;position:absolute;top:50%;transform:translate(-50%,-50%);width:900px}.bar,.bar2{background-color:var(--text);cursor:grab;height:40px;position:absolute;top:0;width:100%}.bar:active{cursor:grabbing}.titlebar{background-color:var(--text);color:#fff;font-weight:700;padding-left:20px;padding-top:3px;position:absolute}.titlebox{align-items:center;display:flex;flex-direction:column;margin-bottom:60px;margin-top:60px}.title{font-size:3rem;font-weight:700}.iconbox{display:flex;flex-direction:row}.icon-card{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0 20px;padding:5px;transition:transform .3s ease,box-shadow .1s linear}.icon{width:70px}.icon-card:hover{box-shadow:3px 5px 10px gray;transform:scale(1.02)}.icon-card:active{transform:scale(.9)}.content{background-color:var(--bground);border:3px solid #414040;border-radius:8px;box-shadow:0 6px 4px #aaa7a7;display:none;padding-top:40px;position:absolute;transform:translate(10%,10%)}.accent{color:var(--orange)}.close{background-color:var(--text);border-radius:4px;color:#fff;padding:5px;position:absolute;right:4px;transition:transform .2s ease,background-color .1s ease}.close:hover{background-color:var(--dtext);cursor:pointer;transform:scale(1.1)}.close:active{transform:scale(.9)}.about-container{height:100%;overflow:auto;padding:50px;width:100%}.pfp{border:4px solid #000;border-radius:60%;height:150px;margin-bottom:40px;width:150px}.about-top{align-items:center;display:flex;flex-direction:row}.about-title{bottom:30px;padding-left:50px;position:relative}.indent{border-left:4px solid var(--orange);height:100%;margin-top:3px;padding-left:25px}.list{padding-left:40px}.title-font{font-size:40px}.small-font{font-size:20px}.smaller-font{font-size:16px}.top-spacing{padding-top:10px}.bottom-spacing{margin-bottom:10px}.work-container{height:100%;overflow:auto;padding:50px;width:100%}.skills-container{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:50% 50%}.column,.skills{width:100%}.skills{display:flex;flex-wrap:wrap}.skill{background-color:#fff;border:1px solid #d3d3d3;border-radius:4px;box-shadow:0 2px 0 1px #d3d3d3;font-size:20px;margin:3px;padding:2px 8px;transition:translate .1s ease}.skill:hover{translate:0 2px}.arts,.development{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.art,.proj{border:1px solid #d3d3d3;border-radius:8px;box-shadow:0 2px 0 1px #d3d3d3;height:250px;transition:translate .2s ease;width:250px}.art:hover,.proj:hover{translate:0 4px}.align{align-items:center;display:flex;flex-direction:column}.large-spacing{margin-bottom:30px}.spacing{margin-top:10px}.window{align-items:center;display:flex;justify-content:center;padding:20px}.icon{width:80px}.icon-cards{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0 20px;padding:5px;transition:transform .3s ease,box-shadow .1s linear}.icon-cards:hover{box-shadow:3px 5px 10px gray;transform:scale(1.02)}.icon-cards:active{transform:scale(.9)}a{text-decoration:none}.contact-container{padding-top:40px}.contact{display:flex;flex-direction:row}.inputs{display:flex;flex-direction:column}.input{border:2px solid #d3d3d3;border-radius:10px;font-size:20px;margin-top:10px;padding:8px 10px}.area{margin-left:20px;resize:none;width:500px}.button{align-self:flex-end;background-color:var(--orange);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;margin-top:10px;padding:5px 15px;position:relative;right:100px;top:50px;transition:transform .2s ease,background-color .1s ease}.button:hover{background-color:#c2572a;transform:scale(1.05)}.button:active{transform:scale(1)}.font{font-size:22px}.underline{text-decoration:underline}.bold{font-weight:bolder}.padding{padding:50px}
/*# sourceMappingURL=main.306b5ea0.css.map*/