@font-face{font-family:"nsjp";src:url("../fonts/NotoSansJP-VariableFont_wght.ttf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:"cherry";src:url("../fonts/CherryBombOne-Regular.ttf") format("opentype")}body{background-color:#f5f6f6;color:#333;font-family:"nsjp",sans-serif;min-height:100svh;position:relative}body .pc{display:block}@media screen and (max-width: 768px){body .pc{display:none}}body .sp{display:none}@media screen and (max-width: 768px){body .sp{display:block}}body header{position:fixed;width:100%;z-index:1000;background-color:#333;max-height:100px;transition:top .2s ease-in-out;top:0}body header .h-box{position:relative}body header .h-box h1{border-bottom:4px double #7a99cf;font-family:"cherry",sans-serif;padding:0 50px;height:50px;display:flex;flex-direction:column;justify-content:center}body header .h-box h1 a{text-decoration:none;color:#fff}body header .h-box h1 a span{color:#7a99cf}@media screen and (max-width: 768px){body header .h-box h1 a{display:inline-block;width:100px;margin:auto}}@media screen and (max-width: 768px){body header .h-box h1{padding:0;text-align:center}}body header .h-box .burger{position:absolute;top:10px;right:15px;width:30px;height:30px}body header .h-box .burger .burger__line{width:30px;height:2px;background-color:#fff;margin:5px 0;transition:all .3s ease-in-out;display:block}body header .h-box .burger.active .burger__line:nth-child(1),body header .h-box .burger.active .burger__line:nth-child(3){opacity:0}body header .h-box .burger.active .burger__line:nth-child(2){width:30px}body header nav{background-color:#333}body header nav ul{list-style:none;display:flex;padding:0 50px}@media screen and (max-width: 768px){body header nav ul{padding:0;overflow-y:scroll;justify-content:center}body header nav ul::-webkit-scrollbar{display:none}}body header nav ul li{position:relative;padding-bottom:5px}body header nav ul li a{text-decoration:none;color:#fff;padding:2px 15px;border-radius:5px;font-weight:bold}body header nav ul li a:hover{color:#7a99cf}body header nav ul li.active::after{content:"";position:absolute;width:100%;height:3px;background-color:#7a99cf;bottom:0;border-radius:5px;left:0}body footer{background-color:#333;color:#fff;padding:10px 20px;text-align:center;font-size:15px;position:absolute;bottom:-70px;width:100%}@media screen and (max-width: 768px){body footer{padding:10px 0}}body footer nav{background-color:#333}body footer nav ul{list-style:none;display:flex;padding:0 50px}@media screen and (max-width: 768px){body footer nav ul{padding:0;overflow-y:scroll;justify-content:center}body footer nav ul::-webkit-scrollbar{display:none}}body footer nav ul li{position:relative;padding-bottom:5px}body footer nav ul li a{text-decoration:none;color:#fff;padding:2px 15px;border-radius:5px;font-weight:bold}body footer nav ul li a:hover{color:#7a99cf}body footer nav ul li.active::after{content:"";position:absolute;width:100%;height:3px;background-color:#7a99cf;bottom:0;border-radius:5px;left:0}body main .container{max-width:1200px;width:100%;margin:0 auto;padding:0 20px;padding-top:100px;display:flex;justify-content:space-between}@media screen and (max-width: 768px){body main .container{padding:85px 10px 0px}}body main .container .main-box{width:70%;padding:0}@media screen and (max-width: 768px){body main .container .main-box{width:96%}}body main .container .main-box .categorylist_tit{font-size:1.5rem;margin-bottom:20px}@media screen and (max-width: 768px){body main .container .main-box .categorylist_tit{font-size:1.2rem}}body main .container .main-box .categorylist_tit span{color:#7a99cf;font-weight:bold}body main .container aside{width:28%;position:sticky;top:100px;height:300px}@media screen and (max-width: 768px){body main .container aside{position:fixed;top:-300px;left:0;width:100%;height:auto;transition:top .3s ease-in-out;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}body main .container aside.active{top:95px}}body main .container aside .side__main{background-color:#fff;padding:20px;border-radius:10px;margin-bottom:20px}body main .container aside .side__main .iconBox img{width:50%;margin:0 auto;border-radius:50%}body main .container aside .side__main h2{font-size:16px;margin-bottom:10px;text-align:center}body main .container aside .side__main .side__main__text{font-size:14px;margin-bottom:20px}body main .container aside .side__main a{text-decoration:none;color:#333;text-align:right;display:block;font-size:13px}body main .container aside .side__main a:hover{color:#7a99cf}body main .container aside .side__main a svg{width:17px;height:17px;vertical-align:middle;margin-left:5px}body main .container aside .side__category{padding:15px;border-radius:10px;background-color:#fff}@media screen and (max-width: 768px){body main .container aside .side__category{background-color:#333;padding:15px 10px}}body main .container aside .side__category h2{font-size:16px;margin-bottom:10px;text-align:center;font-weight:bold}@media screen and (max-width: 768px){body main .container aside .side__category h2{color:#fff}}body main .container aside .side__category ul{list-style:none;padding:0;display:flex;flex-wrap:wrap}body main .container aside .side__category ul li{margin-bottom:10px;transition:transform .2s ease-in-out}body main .container aside .side__category ul li:hover{transform:scale(1.1)}body main .container aside .side__category ul li a{margin-right:10px;padding:1px 5px;background-color:#333;color:#fff;font-size:12px;border-radius:3px;text-decoration:none}@media screen and (max-width: 768px){body main .container aside .side__category ul li a{background-color:#7a99cf;color:#fff;margin:0 5px;font-size:14px;padding:3px 6px}}body main .container aside .side__category ul li a span{color:#7a99cf}@media screen and (max-width: 768px){body main .container aside .side__category ul li a span{color:#fff}}body main .container aside .side__category ul li a:hover{color:#7a99cf}@media screen and (max-width: 768px){body main .container aside .side__category ul li a:hover{color:#fff}}body main .container .main-box.top .serchCat{font-size:20px;margin-bottom:10px}body main .container .main-box.top .serchCat span{color:#7a99cf;font-size:25px}body main .container .main-box.top ul{list-style:none;padding:0}body main .container .main-box.top ul .card-inner{background-color:#fff;padding:15px 20px;margin-bottom:30px;border-radius:10px;position:relative;top:0;left:0;transition:top .2s ease-in-out,left .2s ease-in-out,box-shadow .2s ease-in-out}body main .container .main-box.top ul .card-inner:hover{top:-10px;box-shadow:15px 30px #7a99cf}body main .container .main-box.top ul .card-inner a{text-decoration:none;color:#333}body main .container .main-box.top ul .card-inner a:hover{cursor:pointer}body main .container .main-box.top ul .card-inner a .cardHead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;margin-bottom:10px}@media screen and (max-width: 768px){body main .container .main-box.top ul .card-inner a .cardHead{flex-wrap:wrap}}body main .container .main-box.top ul .card-inner a .cardHead .cardTit{font-size:16px;font-weight:normal;width:80%;padding-bottom:10px}@media screen and (max-width: 768px){body main .container .main-box.top ul .card-inner a .cardHead .cardTit{width:100%;padding-bottom:0}}body main .container .main-box.top ul .card-inner a .cardHead .cardDateBox{width:20%;text-align:right;font-size:12px}@media screen and (max-width: 768px){body main .container .main-box.top ul .card-inner a .cardHead .cardDateBox{width:100%;margin-top:5px;display:flex;justify-content:flex-start;margin-right:10px}body main .container .main-box.top ul .card-inner a .cardHead .cardDateBox p{margin-right:10px}}body main .container .main-box.top ul .card-inner a .cardBody{position:relative}body main .container .main-box.top ul .card-inner a .cardBody .cardCategory{display:flex;flex-wrap:wrap;margin-bottom:5px}body main .container .main-box.top ul .card-inner a .cardBody .cardCategory .cardCategoryItem{margin-right:5px;margin-bottom:5px;padding:1px 5px;background-color:#333;color:#fff;font-size:12px;border-radius:3px}body main .container .main-box.top ul .card-inner a .cardBody .cardCategory .cardCategoryItem span{color:#7a99cf}body main .container .main-box.top ul .card-inner a .cardBody .cardCatch{font-size:14px}body main .container .main-box.top ul .card-inner a .cardBody .cardMore{position:absolute;color:#fff;display:none}body main .container .main-box.top ul .card-inner a .cardBody .cardMore svg{width:17px;height:17px;vertical-align:middle;margin-left:5px}body main .container .main-box.top ul .card-inner:hover .cardBody .cardMore{display:block;font-size:14px;bottom:-40px;right:-20px;color:#fff}body main .container .main-box.blogDetail,body main .container .main-box.aboutDetail{background-color:#fff;padding:20px;border-radius:10px;margin-bottom:100px;box-shadow:15px 30px #7a99cf}@media screen and (max-width: 768px){body main .container .main-box.blogDetail,body main .container .main-box.aboutDetail{padding:10px 10px 30px}}body main .container .main-box.blogDetail .cardHead,body main .container .main-box.aboutDetail .cardHead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;margin-bottom:10px}@media screen and (max-width: 768px){body main .container .main-box.blogDetail .cardHead,body main .container .main-box.aboutDetail .cardHead{flex-wrap:wrap}}body main .container .main-box.blogDetail .cardHead .cardTit,body main .container .main-box.aboutDetail .cardHead .cardTit{font-size:16px;font-weight:normal;width:80%;padding-bottom:10px}@media screen and (max-width: 768px){body main .container .main-box.blogDetail .cardHead .cardTit,body main .container .main-box.aboutDetail .cardHead .cardTit{width:100%}}body main .container .main-box.blogDetail .cardHead .cardDateBox,body main .container .main-box.aboutDetail .cardHead .cardDateBox{width:20%;text-align:right}body main .container .main-box.blogDetail .cardHead .cardDateBox p,body main .container .main-box.aboutDetail .cardHead .cardDateBox p{font-size:12px}@media screen and (max-width: 768px){body main .container .main-box.blogDetail .cardHead .cardDateBox,body main .container .main-box.aboutDetail .cardHead .cardDateBox{width:100%;margin-top:5px;display:flex;justify-content:flex-start}body main .container .main-box.blogDetail .cardHead .cardDateBox p,body main .container .main-box.aboutDetail .cardHead .cardDateBox p{margin-right:10px}}body main .container .main-box.blogDetail .cardBody,body main .container .main-box.aboutDetail .cardBody{position:relative}body main .container .main-box.blogDetail .cardBody .cardCategory,body main .container .main-box.aboutDetail .cardBody .cardCategory{display:flex;flex-wrap:wrap;margin-bottom:5px}body main .container .main-box.blogDetail .cardBody .cardCategory .cardCategoryItem,body main .container .main-box.aboutDetail .cardBody .cardCategory .cardCategoryItem{margin-right:5px;margin-bottom:5px;padding:1px 5px;background-color:#333;color:#fff;font-size:12px;border-radius:3px}body main .container .main-box.blogDetail .cardBody .cardCategory .cardCategoryItem span,body main .container .main-box.aboutDetail .cardBody .cardCategory .cardCategoryItem span{color:#7a99cf}body main .container .main-box.blogDetail .cardBody .cardMain,body main .container .main-box.aboutDetail .cardBody .cardMain{font-size:14px;line-height:1.8}body main .container .main-box.blogDetail .cardBody .cardMain .cardCatch,body main .container .main-box.aboutDetail .cardBody .cardMain .cardCatch{display:block;margin:10px 0}body main .container .main-box.blogDetail .cardBody .cardMain .cardCatch::first-letter,body main .container .main-box.aboutDetail .cardBody .cardMain .cardCatch::first-letter{color:#7a99cf}body main .container .main-box.blogDetail .cardBody .cardMain h2,body main .container .main-box.aboutDetail .cardBody .cardMain h2{font-size:18px;margin-bottom:10px;font-weight:bold}body main .container .main-box.blogDetail .cardBody .cardMain h2:first-letter,body main .container .main-box.aboutDetail .cardBody .cardMain h2:first-letter{font-size:30px;color:#7a99cf}@media screen and (max-width: 768px){body main .container .main-box.blogDetail .cardBody .cardMain h2:first-letter,body main .container .main-box.aboutDetail .cardBody .cardMain h2:first-letter{font-size:25px}}body main .container .main-box.blogDetail .cardBody .cardMain h3,body main .container .main-box.aboutDetail .cardBody .cardMain h3{font-size:18px;margin-bottom:10px}body main .container .main-box.blogDetail .cardBody .cardMain h3:first-letter,body main .container .main-box.aboutDetail .cardBody .cardMain h3:first-letter{font-size:25px;color:#7a99cf}@media screen and (max-width: 768px){body main .container .main-box.blogDetail .cardBody .cardMain h3:first-letter,body main .container .main-box.aboutDetail .cardBody .cardMain h3:first-letter{font-size:20px}}body main .container .main-box.blogDetail .cardBody .cardMain h4,body main .container .main-box.aboutDetail .cardBody .cardMain h4{font-size:18px;margin-bottom:10px}body main .container .main-box.blogDetail .cardBody .cardMain h4:first-letter,body main .container .main-box.aboutDetail .cardBody .cardMain h4:first-letter{font-size:20px;color:#7a99cf}body main .container .main-box.blogDetail .cardBody .cardMain .thumbnail,body main .container .main-box.aboutDetail .cardBody .cardMain .thumbnail{width:100%;height:auto;margin:30px 0}body main .container .main-box.blogDetail .cardBody .cardMain code,body main .container .main-box.aboutDetail .cardBody .cardMain code{background-color:#f0f0f0;color:#c7254e;font-family:"Courier New",Courier,monospace;font-size:.875em;padding:2px 6px;border-radius:4px;border:1px solid #ddd}body main .container .main-box.blogDetail .cardBody .cardMain pre,body main .container .main-box.aboutDetail .cardBody .cardMain pre{position:relative;background-color:#1e1e1e;color:#d4d4d4;padding:16px;display:block;margin:15px 0;border-radius:6px;overflow-x:auto;font-family:"Courier New",Courier,monospace;font-size:13px;line-height:1.6;border-left:4px solid #7a99cf}body main .container .main-box.blogDetail .cardBody .cardMain pre::-webkit-scrollbar,body main .container .main-box.aboutDetail .cardBody .cardMain pre::-webkit-scrollbar{height:4px}body main .container .main-box.blogDetail .cardBody .cardMain pre::-webkit-scrollbar-track,body main .container .main-box.aboutDetail .cardBody .cardMain pre::-webkit-scrollbar-track{background:#333}body main .container .main-box.blogDetail .cardBody .cardMain pre::-webkit-scrollbar-thumb,body main .container .main-box.aboutDetail .cardBody .cardMain pre::-webkit-scrollbar-thumb{background:#7a99cf;border-radius:2px}body main .container .main-box.blogDetail .cardBody .cardMain pre code,body main .container .main-box.aboutDetail .cardBody .cardMain pre code{background-color:rgba(0,0,0,0);color:inherit;font-size:inherit;padding:0;border:none;border-radius:0}body main .container .main-box:hover .cardBody .cardMore{display:block;font-size:14px;bottom:-45px;right:-20px;color:#fff}body main .container .main-box.portfolioList ul{padding:0;display:flex;justify-content:space-between;flex-wrap:wrap}body main .container .main-box.portfolioList ul li{width:48%;list-style:none;overflow:hidden;margin-bottom:35px}@media screen and (max-width: 768px){body main .container .main-box.portfolioList ul li{width:100%}}body main .container .main-box.portfolioList ul li a{text-decoration:none}body main .container .main-box.portfolioList ul li a .cardHead{position:relative;width:100%;height:200px;overflow:hidden;border-radius:10px}body main .container .main-box.portfolioList ul li a .cardHead .cardImg{width:100%;height:100%;transition:transform .2s ease-in-out;object-fit:cover;object-position:center}body main .container .main-box.portfolioList ul li a .cardHead:hover .cardImg{transform:scale(1.1)}body main .container .main-box.portfolioList ul li a .cardHead .cardTit{position:absolute;bottom:10px;left:0;background-color:#fff;padding:10px;font-size:16px;font-weight:bold;display:block;color:#333}body main .container .main-box.portfolioList ul li a .cardHead .cardTit::first-letter{color:#7a99cf}body main .container .main-box.portfolioList ul li a .cardHead .cardDateBox{position:absolute;top:10px;right:0;background-color:#fff;padding:3px 10px;color:#333;font-size:12px;font-weight:bold}body main .container .main-box.portfolioList ul li a .cardCategory{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:5px}body main .container .main-box.portfolioList ul li a .cardCategory .cardCategoryItem{margin-right:5px;margin-bottom:5px;padding:1px 5px;background-color:#333;color:#fff;font-size:12px;border-radius:3px;text-decoration:none}body main .container .main-box.portfolioList ul li a .cardCategory .cardCategoryItem span{color:#7a99cf;text-decoration:none;padding-right:5px}body main .container .main-box.portfolioDetail{background-color:#fff;border-radius:10px;margin-bottom:100px;box-shadow:15px 30px #7a99cf}body main .container .main-box.portfolioDetail .cardHead{position:relative;width:100%;height:400px;overflow:hidden;border-radius:10px}@media screen and (max-width: 768px){body main .container .main-box.portfolioDetail .cardHead{height:200px}}body main .container .main-box.portfolioDetail .cardHead .cardImg{width:100%;height:100%;transition:transform .2s ease-in-out;object-fit:cover;object-position:center}body main .container .main-box.portfolioDetail .cardHead:hover .cardImg{transform:scale(1.1)}body main .container .main-box.portfolioDetail .cardHead .cardTit{position:absolute;bottom:10px;left:0;background-color:#fff;padding:10px;font-size:26px;font-weight:bold;display:block;color:#333}body main .container .main-box.portfolioDetail .cardHead .cardTit::first-letter{color:#7a99cf}@media screen and (max-width: 768px){body main .container .main-box.portfolioDetail .cardHead .cardTit{font-size:16px}}body main .container .main-box.portfolioDetail .cardHead .cardDateBox{position:absolute;top:10px;right:0;background-color:#fff;padding:3px 10px;color:#333;font-size:12px;font-weight:bold}body main .container .main-box.portfolioDetail .cardCategory{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:20px;padding-bottom:0}body main .container .main-box.portfolioDetail .cardCategory .cardCategoryItem{margin-right:5px;margin-bottom:5px;padding:1px 5px;background-color:#333;color:#fff;font-size:15px;border-radius:3px;text-decoration:none}@media screen and (max-width: 768px){body main .container .main-box.portfolioDetail .cardCategory .cardCategoryItem{font-size:12px}}body main .container .main-box.portfolioDetail .cardCategory .cardCategoryItem span{color:#7a99cf;text-decoration:none;padding-right:5px}body main .container .main-box.portfolioDetail .cardBody{padding:20px}@media screen and (max-width: 768px){body main .container .main-box.portfolioDetail .cardBody{padding:10px}}body main .container .main-box.portfolioDetail .cardBody .sitelink{text-decoration:none;color:#7a99cf;font-size:14px;font-weight:bold;margin:10px 0;display:block}body main .container .main-box.portfolioDetail .cardBody .sitelink:hover{color:#f6ae54}body main .container .main-box.portfolioDetail .cardBody .period{font-size:16px;margin-bottom:10px}body main .container .main-box.portfolioDetail .cardBody .text{font-size:14px;line-height:1.8}body main .container .main-box.portfolioDetail .cardBody .text .cardCatch{display:block;margin:10px 0}body main .container .main-box.portfolioDetail .cardBody .text .cardCatch::first-letter{color:#7a99cf}body main .container .main-box.portfolioDetail .cardBody .text h2{font-size:18px;margin-bottom:10px}body main .container .main-box.portfolioDetail .cardBody .text h2:first-letter{font-size:30px;color:#7a99cf}body main .container .main-box.portfolioDetail .cardBody .text h3{font-size:18px;margin-bottom:10px}body main .container .main-box.portfolioDetail .cardBody .text h3:first-letter{font-size:25px;color:#7a99cf}body main .container .main-box.portfolioDetail .cardBody .text h4{font-size:18px;margin-bottom:10px}body main .container .main-box.portfolioDetail .cardBody .text h4:first-letter{font-size:20px;color:#7a99cf}body main .container .main-box.portfolioDetail .cardBody .text .thumbnail{width:100%;height:auto;margin:30px 0}body main .container .main-box.portfolioDetail .cardBody .text code pre{position:relative;background-color:#333;color:#fff;padding:10px 0 0;display:block;margin:10px 0;border-radius:5px;overflow:scroll}body main .container .main-box.portfolioDetail .cardBody .text code pre::-webkit-scrollbar{display:none}body main .aboutDetail{background:linear-gradient(-45deg, #ffffff, #f0f4f8, #e2e8f0, #ffffff);background-size:400% 400%;animation:gradientBG 15s ease infinite;position:relative;overflow:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}body main .aboutDetail{color:#333;padding-top:100px}@media screen and (max-width: 768px){body main .aboutDetail{padding:50px 15px}}body main .aboutDetail .about-panel.timeline-slide{position:relative;opacity:0}body main .aboutDetail .about-panel.timeline-slide .panel-content{width:80%;margin-left:auto;margin-right:auto;position:relative;z-index:1;opacity:1;transform:none}@media screen and (max-width: 768px){body main .aboutDetail .about-panel.timeline-slide .panel-content{width:100%;padding:0 10px}}body main .aboutDetail .about-panel.timeline-slide .timeline-year{font-size:1.8rem;font-weight:bold;color:#7a99cf;margin-bottom:1.5rem;text-align:left;position:relative}body main .aboutDetail .about-panel.timeline-slide .timeline-year::after{display:none}body main .aboutDetail .about-panel.timeline-slide .timeline-event{text-align:center;font-size:1.2rem;line-height:2}body main .aboutDetail .about-panel.timeline-slide .timeline-table{width:100%;max-width:600px;margin:0 auto;border-collapse:collapse}body main .aboutDetail .about-panel.timeline-slide .timeline-table th,body main .aboutDetail .about-panel.timeline-slide .timeline-table td{padding:15px;border-bottom:1px solid #eee;text-align:left;font-size:1.1rem}@media screen and (max-width: 768px){body main .aboutDetail .about-panel.timeline-slide .timeline-table th,body main .aboutDetail .about-panel.timeline-slide .timeline-table td{padding:10px 5px;font-size:.95rem}}body main .aboutDetail .about-panel.timeline-slide .timeline-table th{white-space:nowrap;color:#7a99cf;font-weight:bold;width:20%}@media screen and (max-width: 768px){body main .aboutDetail .about-panel.timeline-slide .timeline-table th{width:auto;padding-right:15px}}body main .aboutDetail .about-panel.timeline-slide .timeline-table tr:last-child th,body main .aboutDetail .about-panel.timeline-slide .timeline-table tr:last-child td{border-bottom:none}@media screen and (max-width: 768px){body main .aboutDetail .about-panel.timeline-slide .timeline-table{display:block}body main .aboutDetail .about-panel.timeline-slide .timeline-table tr{display:flex;flex-direction:column;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}body main .aboutDetail .about-panel.timeline-slide .timeline-table tr th,body main .aboutDetail .about-panel.timeline-slide .timeline-table tr td{border-bottom:none;padding:0;margin-bottom:5px}}body main .aboutDetail #skill .skill-list{display:flex;flex-direction:column;gap:20px}body main .aboutDetail #skill .skill-list .skill-category .skill-cat-title{font-size:1.2rem;color:#7a99cf;margin-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:5px}body main .aboutDetail #skill .skill-list .skill-category .skill-tags{display:flex;flex-wrap:wrap;gap:12px}body main .aboutDetail #skill .skill-list .skill-category .skill-tags .skill-tag{background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);border-radius:30px;padding:8px 18px;font-size:.95rem;color:#333;backdrop-filter:blur(5px);transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.05);cursor:default}@media screen and (max-width: 768px){body main .aboutDetail #skill .skill-list .skill-category .skill-tags .skill-tag{padding:6px 14px;font-size:.85rem}}body main .aboutDetail #skill .skill-list .skill-category .skill-tags .skill-tag:hover{background:rgba(122,153,207,.1);border-color:rgba(122,153,207,.5);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 12px rgba(122,153,207,.15);color:#7a99cf}body main .aboutDetail .about-panel{position:relative;width:100%;background-color:rgba(0,0,0,0);padding:20px 0;border-bottom:none}body main .aboutDetail .about-panel .glass-panel{background:hsla(0,0%,100%,.7);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.8);border-radius:20px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,.05);color:#333;opacity:0;transform:translateY(20px)}body main .aboutDetail .about-panel .glass-panel h2{font-size:18px;margin-bottom:10px;font-weight:bold;color:#333;text-shadow:none}body main .aboutDetail .about-panel .glass-panel h2::first-letter{font-size:30px;color:#7a99cf}@media screen and (max-width: 768px){body main .aboutDetail .about-panel .glass-panel h2::first-letter{font-size:25px}}body main .aboutDetail .about-panel .glass-panel p{font-size:1.1rem;line-height:1.8}@media screen and (max-width: 768px){body main .aboutDetail .about-panel .glass-panel{padding:20px 15px;border-radius:12px}body main .aboutDetail .about-panel .glass-panel p{font-size:.95rem}}body main .aboutDetail .about-panel .panel-content{width:100%;max-width:1000px;margin:0 auto;opacity:0;transform:translateY(20px)}/*# sourceMappingURL=style.css.map */