body{margin:0}.navbar,body{background-color:#121212}.navbar{align-items:center;-webkit-animation:fadeIn 1s ease-out .5s;animation:fadeIn 1s ease-out .5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;color:#fff;display:flex;height:11vh;justify-content:space-between;padding-left:12rem;width:85%}svg{font-size:2rem;width:1em}.logo{font-size:1.75rem;font-weight:700}.navbar ul{align-items:center;display:flex;font-size:17px;gap:5rem;list-style:none;margin:0;padding:0}.navbar a{color:inherit;text-decoration:none}.navbar li:hover{-webkit-transform:scale(1.11);transform:scale(1.11);transition:.3s}@media(max-width:977px){.navbar{padding-left:6rem;width:90%}.navbar ul{font-size:15px;gap:2rem}svg{width:.8em}}@media(max-width:770px){.navbar{padding-left:1rem;width:95%}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.body{color:#fff;height:100vh;padding-left:12rem;width:85%}.main-wrapper{align-items:center;display:flex;justify-content:space-between;padding-top:4rem}.title{-webkit-animation:slideUp .5s ease 1.5s;animation:slideUp .5s ease 1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block;font-size:6rem;font-weight:700}.playful{-webkit-animation:rainbow 10s ease 0s infinite alternate none running;animation:rainbow 10s ease 0s infinite alternate none running;transition:all .4s cubic-bezier(.15,.75,.45,.95) 0s}.personicon{-webkit-animation-fill-mode:both;-webkit-animation:slideUp .5s ease 2s;animation:slideUp .5s ease 2s;animation-fill-mode:both;height:400px;margin-top:10px;width:400px}.subtitle{-webkit-animation:slideUp .5s ease 2.5s;animation:slideUp .5s ease 2.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;font-size:1.4rem;font-weight:400}.project-button{-webkit-animation:slideUp .5s ease 3s;animation:slideUp .5s ease 3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;background-color:#121212;border:none;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:2rem auto;outline:none}.project-button svg{display:block;margin:.4rem auto;width:1.1rem}@media(max-width:1289px){.title{font-size:5rem}.personicon{height:200px;width:180px}.main-wrapper{padding-top:8rem}}@media(max-width:977px){.body{padding-left:6rem;width:90%}}@media(max-width:770px){.body{padding-left:1rem;width:95%}}@media(max-width:694px){.title{font-size:3rem}.main-wrapper{padding-top:12rem}.personicon{height:150px;width:130px}.subtitle{font-size:1rem}.project-button{font-size:.9rem;margin:5rem auto}.project-button svg{width:.7rem}}@media(max-width:510px){.title{font-size:2rem}.personicon{height:120px;width:100px}.subtitle{font-size:.8rem}}@-webkit-keyframes rainbow{0%{color:#f04dff}25%{color:#ff4d4d}50%{color:#ffc54d}75%{color:#6aed76}to{color:#09f}}@keyframes rainbow{0%{color:#f04dff}25%{color:#ff4d4d}50%{color:#ffc54d}75%{color:#6aed76}to{color:#09f}}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(60%);transform:translateY(60%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(60%);transform:translateY(60%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.splash-background{background-color:#fff;height:100vh;overflow:hidden}.ball{-webkit-animation:zoom 1s 1.8s;animation:zoom 1s 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;background-color:#121212;border-radius:100%;height:100px;margin:-100px auto;width:100px}@-webkit-keyframes zoom{to{-webkit-transform:scale(20);transform:scale(20)}}@keyframes zoom{to{-webkit-transform:scale(20);transform:scale(20)}}*{box-sizing:border-box;font-family:Raleway,sans-serif}.project{color:#fff;display:flex;height:100vh;overflow-x:hidden;padding:10rem 5rem 0}.project-image{border-radius:20px;box-shadow:0 2.8px 2.2px hsla(0,0%,83%,.02),0 6.7px 5.3px hsla(0,0%,83%,.028),0 12.5px 10px hsla(0,0%,83%,.035),0 22.3px 17.9px hsla(0,0%,83%,.042),0 41.8px 33.4px hsla(0,0%,83%,.05),0 100px 80px hsla(0,0%,83%,.07);cursor:pointer;height:400px;transition:box-shadow .3s ease;width:700px}.project-image:hover{box-shadow:0 2.8px 2.2px hsla(0,0%,100%,.02),0 6.7px 5.3px hsla(0,0%,100%,.028),0 12.5px 10px hsla(0,0%,100%,.035),0 22.3px 17.9px hsla(0,0%,100%,.042),0 41.8px 33.4px hsla(0,0%,100%,.05),0 100px 80px hsla(0,0%,100%,.07)}h2{font-size:32px}.project-info{padding-left:5rem;padding-top:2rem;width:100%}.project-description{color:#a9a9a9;font-size:16px;font-weight:300}h3{margin-bottom:3px}.tools-used{margin:0 0 15px}.tools-used li{padding-top:3px}button{background-color:#fff;border:none;border-radius:20px;color:#121212;cursor:pointer;font-size:1rem;font-weight:300;height:40px;margin-right:1rem;outline:none;width:100px}button:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:.3s}@media(max-width:1180px){.project-image{height:300px;width:500px}.project-info{padding-left:3rem}}@media(max-width:941px){.project-info{padding-left:2rem}h2{font-size:24px}.project-description,.tools-used li,button{font-size:12px}button{width:80px}}@media(max-width:885px){.project-image{height:200px;width:300px}.project{display:block;padding:2rem}.project-info{padding-left:0;width:100%}}.footer-wrapper{color:#fff;height:100vh;padding-top:15rem;text-align:center;width:100%}h1{font-size:60px}footer ul{align-items:center;display:flex;font-size:15px;gap:3rem;justify-content:center;list-style:none;padding:0}footer ul li a{color:#fff;cursor:pointer;text-decoration:none}footer li:hover{-webkit-transform:scale(1.11);transform:scale(1.11);transition:.3s}@media(max-width:770px){h1{font-size:38px}footer ul{font-size:14px;gap:1.5rem;margin:0;padding:0}}.resume{color:#fff;text-decoration:none}
/*# sourceMappingURL=main.3ebaa1a4.css.map*/