*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto;scroll-behavior:smooth}nav{position:absolute;display:flex;width:100%;height:10%;font-weight:400}.links{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:center;align-items:center;width:100%}.links a{color:#999696;text-decoration:none;margin:0 5%;font-size:20px}.links a:hover{color:#6f00ff}.links section{color:#fff}.links section button{background-color:transparent;color:#fff;border:none;margin-right:5px;font-size:16px;cursor:pointer}.toggleButton{display:none;cursor:pointer;background-color:transparent;color:#fff;border:none;font-size:40px}@media (max-width: 600px){.links{display:none;flex-direction:column;align-items:start}.links.show{display:flex;flex-direction:column;margin-top:7%;width:100%}.links.show a{margin-bottom:5%}.links.show section{padding-left:5%}.toggleButton{margin-left:5%;display:block;position:relative}}.home{padding-top:10%;background:#000;background:-webkit-linear-gradient(to bottom,#434343,#000000);background:linear-gradient(to top,#434343,#000)}.about{display:flex;align-items:flex-start;flex-direction:column;margin:6% 20%}.about h1{color:#fff;font-size:130px;margin-left:-8px;font-weight:900}.about h1 i{color:#cec4c4;margin:0 3%;font-size:50px}.about h1 i:hover{color:#6f00ff}.about h2{color:#999696}.about p{margin-top:2%;font-size:15px;color:#fff;font-weight:600}.about button{margin:0 3%;background-color:transparent;border:none;cursor:pointer}.projects{margin:5% 10%;text-align:center;padding-top:5%}.projects h1{font-size:50px;color:#fff}.card{display:flex;flex-direction:column;margin:5% 0}.projectsInfo{display:flex;align-items:center;margin:3% 2%;text-align:left}.projectsInfo img{border:#8a8989 solid 1px;border-radius:5px}.projectsInfo h1{font-size:40px;margin-bottom:2%}.projectsInfo h2{color:#fff;font-size:18px;margin-bottom:2%;font-weight:600}.projectsInfo h3{color:#999696;font-size:15px;margin-bottom:2%}.projectsInfo a{color:#6f00ff;font-size:15px;text-decoration:none;font-weight:600}.projectsInfo p{color:#999696}.projectsInfo.left{flex-direction:row}.projectsInfo.left section{width:100%}.projectsInfo.right{flex-direction:row-reverse}.projectsInfo.right section{width:100%;margin:0 3%}.knowledge{display:flex;text-align:center;flex-direction:column;align-items:center;margin:0 10%}.knowledge h1{color:#d1cece;font-size:50px;padding-bottom:5%}.knowledge section{display:grid;grid-template-columns:repeat(3,1fr);gap:100px;justify-items:center;width:100%}.knowledge section i{font-size:150px;color:#733bbd}@media (max-width: 1470px){.projectsInfo h1{font-size:20px}.projectsInfo h2{font-size:15px}.projectsInfo h3{color:#6f00ff}}@media (max-width: 1200px){.projectsInfo img{height:240px}}@media (max-width: 1100px){.projects{margin:0 23%}.card{grid-template-columns:1fr}}@media (max-width: 950px){.about{margin:10%}.about h1{font-size:100px;margin-left:0}.about p{font-size:13px}.projects{margin:0 18%}.knowledge section{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 700px){.about{margin:70% 10% 10%}.about h1{font-size:55px;margin-left:0}.about p{font-size:13px}.projects{margin:0 10%}.projects h1{font-size:40px}.card{padding:0}.projectsInfo img{height:240px}.projectsInfo h1{font-size:25px;margin-bottom:2%}.projectsInfo h2{font-size:15px}.knowledge{margin:0}.knowledge h1{font-size:35px}.knowledge section{grid-template-columns:1fr 1fr}.knowledge section i{font-size:100px}}@media (max-width: 600px){.projects{margin:0}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000005b;z-index:0;display:flex;align-items:center;justify-content:center}.closeButton button{background-color:transparent;border:none;font-size:30px;color:#fff;position:fixed;top:0%;right:1%;cursor:pointer}.modalContent{border-radius:15px;display:grid;grid-template-columns:1fr 30%;background-color:#202024;width:1100px;height:500px}.modalContent section{padding:23% 5% 0 0}.modalContent section h1{margin:5% 0;color:#dbd7d7}.modalContent section h2{margin:5% 0;color:#999696}.modalContent section h3{margin:5% 0 10%;color:#999696;font-size:15px}.modalContent section p{color:#999696}.modalContent section a{text-decoration:none;color:#fff;padding:2% 5%;border-radius:5%;background-color:#6f00ff;margin-right:5%}.porjectImgs{position:relative}.porjectImgs img{margin:8% 5%;width:90%;max-height:380px;min-height:380px;border-radius:5px}.porjectImgs button{position:absolute;background-color:#00000050;color:#fff;border:none;font-size:20px;cursor:pointer;top:50%;transform:translateY(-50%);padding:10px}.porjectImgs button:first-of-type{left:0;margin-left:38px}.porjectImgs button:last-of-type{right:0;margin-right:39px}.resumesArea{display:flex;justify-content:center;text-align:center;align-items:center;flex-direction:column;background-color:#202024;width:50%;height:40%;border-radius:15px}.resumesArea h1{font-size:50px;color:#fff}.resumesArea div{padding:10%}.resumesArea section{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.resumesArea section h2{color:#fff}.resumesArea section i{color:#6f00ff;font-size:40px;margin-top:20%;cursor:pointer}@media (max-width: 950px){.modalContent{width:90%;height:90%;grid-template-columns:1fr}.modalContent section{padding:0 5% 5%}.modalContent section h1{margin:0 0 5%}.resumesArea{width:90%;height:40%}}@media (max-width: 600px){.modalContent{width:90%;height:65%;grid-template-columns:1fr}.modalContent section{padding:0 5% 5%}.modalContent section h1{margin:0 0 5%}.resumesArea{width:90%;height:40%}.resumesArea h2{font-size:17px}.porjectImgs img{min-height:230px}.porjectImgs button:first-of-type{margin-left:20px}.porjectImgs button:last-of-type{margin-right:21px}.porjectImgs button{font-size:16px;padding:5px}}.carousel{position:relative;overflow:hidden;width:100%;max-width:800px;margin:0 auto}.carousel img{width:100%;height:auto;display:block}.projectsInfo{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.projectsInfo.left,.projectsInfo.right{flex-direction:column}section{width:100%;max-width:600px;padding:1rem;text-align:center;box-sizing:border-box}.dots{display:flex;justify-content:center;margin-top:.5rem}.dot{height:10px;width:10px;margin:0 5px 20px;background-color:#bbb;border-radius:50%;display:inline-block;cursor:pointer}.dot.active{background-color:#717171}@media (min-width: 1580px){.projectsInfo.left{flex-direction:row;justify-content:space-between}.projectsInfo.right{flex-direction:row-reverse;justify-content:space-between;padding:0;margin:0}section{flex:1;text-align:left}}@media (min-width: 700px){.carousel img{width:100%}}.footerArea{height:50px;display:flex;justify-content:right;align-items:center;background-color:#202024;color:#fff;font-weight:300}