@font-face{font-family:"Armonioso";src:url("../font/Armonioso-trial.eot") format("eot"),url("../font/Armonioso-trial.woff") format("woff"),url("../font/Armonioso-trial.ttf") format("truetype"),url("../font/Armonioso-trial.svg#Armonioso") format("svg");font-weight:normal;font-style:normal}.top{position:relative;width:100%}.top .catch-set{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.top .catch-set .logo{display:flex;flex-direction:column;align-items:center}.top .catch-set .logo img{width:100px}.top .catch-set h3{text-align:center;text-wrap:nowrap;font-size:2rem;color:#253759}@media(max-width: 768px){.top .catch-set .logo img{width:50px}.top .catch-set h3{font-size:1rem}}.profile .profile-card{box-shadow:2px 2px 4px;display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;padding:2rem 4rem;margin:auto;transform:rotate(10deg);gap:2rem}.profile .profile-card .text{display:flex;flex-direction:column;gap:3rem}.profile .profile-card .text ul li{margin-bottom:.5rem;font-size:1.5rem;letter-spacing:.2rem}@media(max-width: 768px){.profile .profile-card .text ul li{font-size:1rem}}.profile .profile-card .img img{width:auto}@media(max-width: 768px){.profile .profile-card{flex-direction:column-reverse;padding:2rem 2rem}}.skill .slill-icons{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;width:70%;margin:auto}.skill .slill-icons span{width:14.2857142857%;display:block;text-align:center}.skill .slill-icons span img{width:auto}@media(max-width: 768px){.skill .slill-icons span{width:25%}}@media(max-width: 768px){.blog .content{max-height:100% !important}}.blog-content{display:flex;gap:20px;flex-direction:row;align-items:center;justify-content:center}@media(max-width: 768px){.blog-content{flex-direction:column}}.blog-content .card-wrap{min-width:225px;max-width:225px;color:#253759}.blog-content .card-wrap .date{text-align:right;font-size:.8rem;letter-spacing:.1rem}.blog-content .card-wrap .card{background-color:#fff}.blog-content .card-wrap .card img{height:100%;max-height:145px;min-height:145px}.blog-content .card-wrap .card .text{padding:5px}.blog-content .card-wrap .card .text h3{line-height:2rem}.blog-content .card-wrap .card .text p{text-align:left;font-size:1rem;letter-spacing:normal}.works{text-align:center}.works p{padding:45px auto}h1{text-align:center;margin-bottom:50px}.more-btn{background-color:#d9b88f;border-radius:80px;padding:10px 20px;display:block;width:-moz-fit-content;width:fit-content;margin:20px auto;text-align:center;min-width:160px;letter-spacing:.2rem;color:#253759;transition:all .5s;margin-top:50px;font-size:1.5rem}.more-btn:hover{letter-spacing:.5rem;transition:all .5s}@media(max-width: 768px){.more-btn{font-size:1rem}}