#mainVisual{animation:jfchange 20s ease infinite;background-blend-mode:soft-light;background-color:#3a68a5;background-image:url(./24387010_s.FLDfLV3y.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;text-align:center}.mainText{color:#fff;font-size:30px;left:50%;position:absolute;text-shadow:2px 2px 5px #333;top:50%;transform:translate(-50%,-50%)}@keyframes jfchange{0%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(1turn)}}#webComp{background-color:#dfedff}#webSpace{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto)}.web{background:linear-gradient(0deg,#3490ff,#e4f0ff);background-size:100% 200%;display:flex;flex-direction:column;height:450px;margin:0 0 20px 20px;padding:30px;width:500px}.web:hover{background-position:0 100%;transition:all .5s ease-in-out}.web a{text-decoration:none;z-index:1}.webEyecatch{display:block;height:300px;-o-object-fit:cover;object-fit:cover;width:100%}.webText{border-top:5px dashed #82b8ff;color:#1b4a83;display:flex;flex-direction:column;height:100px;margin-top:20px;padding-top:20px;position:relative}.webTitle{font-size:1.5em;font-weight:700}.webUrl{background-color:#e7f2ff;background-image:url(./171534.epB11wma.png);border-radius:50%;bottom:0;height:50px;padding:5px;position:absolute;right:0;width:50px;z-index:5}.webUrl:hover{background-color:#1b4a83}.webUrl img{height:50px;width:50px}#bannerComp{background-color:#70fda6;position:relative}#bannerSpace{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,auto);margin-top:20px}.banner{background-color:#d7ffe5;height:300px;margin:0 0 20px 20px;padding:30px;width:300px}.bannerEyecatch{align-items:center;display:flex;height:300px;justify-content:center}.bannerEyecatch img{box-shadow:0 10px 25px #2035274d;display:block;max-height:300px;max-width:100%;-o-object-fit:contain;object-fit:contain}.bannerEyecatch img:hover{opacity:.5;transition:.3s}.zoomback{align-items:center;background-color:#00000080;display:flex;display:none;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw}.zoomimg{background-color:#fff;padding:20px;width:50%}.zoomimg img{background-color:#0ff;width:100%}#hobbyComp{background-color:#dca7ff;display:flex}#hobbySpace{display:grid;grid-auto-flow:column;grid-template-rows:repeat(1,auto);margin-top:20px}.hobby{background-color:#e2d0ff;height:600px;margin:0 0 20px 20px;padding:30px;width:300px}.hobby a{align-items:inherit;display:inherit;height:100%;justify-content:inherit;width:100%}.hobby img{display:block;height:500px;-o-object-fit:cover;object-fit:cover;width:100%}.hobbyText{border-top:5px dashed #9982ff;color:#591b83;display:flex;flex-direction:column;margin-top:20px;padding-top:20px;position:relative}.hobbyTitle{font-size:1.5em;font-weight:700}.hobbyTag{display:flex}.hobbyTag p{margin:0;padding-right:5px}