*{box-sizing:border-box;margin:0;padding:0}main{perspective:1000px;width:100vw;height:100vh;transform-style:preserve-3d;background-color:#d5d5d5;justify-content:center;align-items:center;display:flex}a{color:#3572c2;text-decoration:none}a:hover{cursor:pointer}img{user-drag:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.card{width:min(800px,100vw - 30px,160vh);max-width:800px;height:min(500px,100vh - 30px,62.5vw);max-height:500px;position:relative;container:card/inline-size}.card-style{user-select:none;backface-visibility:hidden;border-radius:3px;width:100%;height:100%;font-size:16px;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0);box-shadow:0 0 10px #0000001a}.card:hover{cursor:grab}.card:active{cursor:grabbing}.front{transform-origin:50%;background-color:#fafafa;position:relative;transform:rotateY(0);& .front-right-block{background-color:#010555;width:2.5%;height:100%;display:block;position:absolute;top:0;right:0}& .front-card-content{width:97%;height:100%;margin-right:2.5%;font-size:100%;position:relative;& .front-card-header{justify-content:right;align-items:end;width:90%;margin:0 0 0 auto;padding-top:3%;font-size:100%;display:flex;position:relative;& .college-name-en{margin-right:2%;padding-bottom:2px;font-size:130%}& .college-name-ja{margin-right:2%;font-size:200%}& .fun-icon{color:#fff;background-color:#900;border-radius:50%;justify-content:center;align-items:center;width:7%;height:0;margin-right:2%;padding:3.5% 0;font-size:100%;display:flex}}& .front-card-header:after{content:"";background-color:#010555;width:105%;height:3px;display:block;position:absolute;bottom:-30%;right:-20px}& .front-card-header:before{content:"";background-color:#010555;width:10px;height:10px;display:block;position:absolute;bottom:calc(-30% - 4.5px);right:calc(105% - 22px);transform:rotate(45deg)}& .front-tool-icon{filter:brightness(.35);width:20%;position:absolute;top:30%;left:-5%;transform:rotate(90deg);& img{width:100%;height:100%}}& .front-name-block{text-align:center;font-family:HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;font-size:160%;position:absolute;top:35%;left:22%;& .front-name-ja{font-size:220%}}& .front-info-block{text-align:center;width:90%;font-family:HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;font-size:120%;position:absolute;top:70%;left:22%;& ul{list-style:none;& li{display:flex;& .item-name{width:7%}& img{width:4%;height:4%;margin-right:.5%}& .colon{margin:0 1%}}}}& .front-robotarm-icon{width:15.5%;position:absolute;bottom:30%;right:-3%;& img{width:100%;height:100%;transform:rotateY(180deg)rotate(90deg)}}& .front-portofolio{text-align:center;width:16%;font-family:HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;font-size:120%;position:absolute;bottom:0%;right:0%;& a{width:100%;& .portofolio-link{color:#3572c2;height:min(2.5vw,25px);margin-bottom:-2%}& img{width:100%;height:100%}}}}}@container card (width<=799px){.card-style{font-size:min(1.85vw,3vh)}.front{& .front-card-content{& .front-card-header:after{height:2px}& .front-card-header:before{width:5px;height:5px;bottom:calc(-30% - 1.5px)}& .front-robotarm-icon{bottom:31%}}}}@keyframes blink{50%{opacity:0}}.back{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:-50%;color:#0f0f13;background-color:#fafafa;position:relative;transform:rotateY(180deg)translateY(-100%);& .terminal-bar{user-select:none;background:#c2c4c7;border-bottom:1px solid #1f2937;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}& .terminal-bar .dot{border-radius:50%;width:10px;height:10px;display:inline-block}& .terminal-bar .red{background:#ff5f56}& .terminal-bar .yellow{background:#ffbd2e}& .terminal-bar .green{background:#27c93f}& .terminal-bar .title{color:#0f0f13;z-index:10;border-radius:5px 5px 0 0;flex-direction:column;justify-content:center;height:100%;margin-left:10px;padding:0 5px;font-size:12px;display:flex}& .terminal-body{height:calc(100% - 36px);padding:clamp(10px,2.5cqw,20px) clamp(12px,3cqw,24px);font-size:clamp(5px,3.2cqw,20px);line-height:1.2;overflow:auto}& .line{white-space:nowrap;text-align:left;margin-bottom:4px}& .prompt{color:#3a8d66}& .prompt>.black{color:#0f0f13}& .prompt>.blue{color:#3b82f6}& .cmd{color:#0f0f13}& .cursor{background:#0f0f13;width:8px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block;transform:translateY(3px)}& .output{color:#0f0f13;text-align:left;tab-size:2;width:100%;margin-top:0;padding:0;overflow:auto}& .output .key{color:#93c5fd}& .output .str{color:#86efac}& .output .num{color:#fca5a5}& .output .bool{color:#fcd34d}& .terminal-body::-webkit-scrollbar{width:8px;height:8px}& .output::-webkit-scrollbar{width:8px;height:8px}& .terminal-body::-webkit-scrollbar-thumb{background:#1f2937;border-radius:8px}& .output::-webkit-scrollbar-thumb{background:#1f2937;border-radius:8px}@container card (width<=799px){& .terminal{inset:5%}& .terminal-bar{height:32px}& .terminal-body{height:calc(100% - 32px)}}}.slide-animation{width:125px;height:100px;display:none;position:absolute;top:55%;left:50%;& img{width:100%;height:100%;position:absolute;left:-50%}}
/*# sourceMappingURL=index.0e320b79.css.map */