@import"https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap";html,body{margin:0;padding:0;color:#343434;font-family:Ubuntu Mono,monospace;font-size:20px;background:#fcf9f4}h1{margin:0;padding:0;text-transform:capitalize;font-size:30px}a{color:inherit}a:hover{color:#ff8484}.container{display:flex;flex-direction:column;mix-blend-mode:darken;min-height:100vh;background-image:radial-gradient(at 0% 0%,hsla(0,100%,75%,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(0,100%,75%,.26) 0px,transparent 50%)}.disabled{pointer-events:none;color:#888;cursor:not-allowed}.container:before{content:"";position:fixed;width:100%;height:100%;background-image:url(/assets/images/static.webp);mix-blend-mode:darken;opacity:.02;z-index:-1}.line{margin:20px 0;align-self:center;height:100px;border-left:1px solid rgb(214,214,214)}.navbar{display:flex;width:100%;height:50px;background-color:inherit;justify-content:space-around;align-items:center;animation:.5s ease;flex-direction:row;font-size:16px;font-weight:900;transition:ease .3s;font-family:Ubuntu Mono,monospace}.navbar a{text-decoration:none;text-transform:uppercase}.navbar .links a:not(:last-child){margin-right:15px}.scrolling-active{background-color:#fcf9f4!important;position:fixed;transition:.3s ease-in-out;color:inherit;box-shadow:0 0 10px #d1d1d1}.landing,.projects,.contact,.resume,.page-404{margin:0;padding:0;width:100%;flex-grow:1;display:flex;justify-content:center;align-items:center}.landing{flex-direction:column}.landing h1{font-size:60px;margin-bottom:30px}.landing .landing-inner{display:flex;flex-direction:column;justify-content:center;max-width:800px}.landing .landing-inner .section{width:100%;display:inherit;flex-direction:row}.landing .landing-inner .section .tag{width:25%;justify-content:flex-end;display:flex}.landing .landing-inner .section .tag span{margin-right:30px}.landing .landing-inner .section .about,.landing .landing-inner .section .tools,.landing .landing-inner .section .languages{width:65%;word-wrap:break-word;word-break:keep-all}.landing .landing-inner .section .tools span,.landing .landing-inner .section .languages span{margin-right:10px;text-transform:capitalize}.landing .landing-inner .section:not(:last-child){margin-bottom:30px}.projects{flex-direction:column;margin:20px 0}.projects h1{margin-top:50px}.projects .project-even,.projects .project-odd{margin:0 10%;display:flex;flex-direction:row;justify-content:flex-end}.projects .project-even .project-inner,.projects .project-odd .project-inner{width:50%}.projects .project-even .project-inner h1,.projects .project-odd .project-inner h1{margin:10px 0;font-size:25px}.projects .project-even .project-inner .img-wrapper,.projects .project-odd .project-inner .img-wrapper{display:flex;height:auto;width:100%;flex-direction:column;box-shadow:0 0 10px .5px #d6d6d6}.projects .project-even .project-inner .img-wrapper img,.projects .project-odd .project-inner .img-wrapper img{height:auto;width:100%;object-fit:contain}.projects .project-even .project-inner .description,.projects .project-odd .project-inner .description{display:flex;margin:10px 0;justify-content:space-between}.projects .project-even .project-inner .description .stack,.projects .project-odd .project-inner .description .stack{display:flex;flex-wrap:wrap;align-items:center}.projects .project-even .project-inner .description .stack span,.projects .project-odd .project-inner .description .stack span{margin-right:10px;align-content:center;transform:none;position:unset;color:unset;text-transform:capitalize;font-size:16px}.projects .project-even .project-inner .description .description-links,.projects .project-odd .project-inner .description .description-links{display:flex;justify-content:space-between;margin:auto 0;font-size:18px}.projects .project-even .project-inner .description .description-links a,.projects .project-odd .project-inner .description .description-links a{font-size:18px}.projects .project-even .project-inner .description .description-links a:not(:last-child),.projects .project-odd .project-inner .description .description-links a:not(:last-child){margin-right:10px}.projects .project-odd{justify-content:flex-end;text-align:end}.projects .project-even{justify-content:flex-start;text-align:start}.footer{width:100%;display:flex;justify-content:center;align-content:center;height:50px}.footer span{align-self:center;font-style:italic;font-size:12px}.contact{flex-direction:column}.contact p{width:100%;margin:0 0 15px}.contact .contact-inner{width:50%;display:inherit;justify-content:center;flex-direction:column;align-items:center}.contact .contact-inner form{width:100%;display:inherit;flex-direction:column}.contact .contact-inner form .form-input{display:inherit;width:inherit}.contact .contact-inner form .form-input textarea{resize:none;height:300px;width:100%}.contact .contact-inner form .form-input textarea,.contact .contact-inner form .form-input input{font-family:Noto Sans JP,sans-serif;padding:5px 10px;margin:10px 0;border:none;box-shadow:0 0 10px .5px #e9e9e9}.contact .contact-inner form .form-input textarea:focus,.contact .contact-inner form .form-input input:focus{transition:ease-in .2s;outline:none;box-shadow:0 0 10px .5px #c4c4c4}.contact .contact-inner form .form-input textarea::placeholder,.contact .contact-inner form .form-input input::placeholder{font-family:Noto Sans JP,sans-serif}.contact .contact-inner form .form-input button{font-family:inherit;font-size:12px;border:none;margin:10px 0;width:90px;height:30px;color:#fff;background-color:#585858}.contact .contact-inner form .form-input button:hover{opacity:.8;cursor:pointer}.contact .contact-inner form .name-email{justify-content:space-between}.contact .contact-inner form .name-email input{height:30px;width:45%}@media (max-width: 950px){html,body{font-size:14px}.navbar{font-size:12px!important}h1{font-size:20px}.project-even,.project-odd{justify-content:center!important}.project-even .project-inner,.project-odd .project-inner{width:100%!important}.project-even .project-inner .description .stack span,.project-odd .project-inner .description .stack span,.project-even .project-inner .description a,.project-odd .project-inner .description a{font-size:12px!important}.contact-inner{width:80%!important}.contact-inner .name-email{flex-direction:column!important}.contact-inner .name-email input{width:unset!important}.landing-inner{width:80%!important}}@media (max-width: 1500px){.navbar{font-size:14px!important}.project-inner{width:60%!important}}.photo-nav{display:flex;width:100%;height:50px;background-color:transparent;align-items:center;justify-content:space-around;color:#585858;font-weight:900}.photo-nav .logo,.photo-nav .links{transition:ease 5s}.photos{display:flex;flex-direction:column;justify-content:center;align-items:center}.photos .photo{width:80%;height:100%;margin-top:30px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px}.photos .photo .photo-wrapper{display:flex;height:100%;width:75%;flex-direction:column}.photos .photo .photo-wrapper img{height:100%;width:100%;object-fit:contain}.photos .photo .photo-wrapper .description{margin:15px 0;display:flex;justify-content:space-between}