.weather-background{background-image:url(data:image/png;base64,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);background-position:50%;background-size:cover;filter:drop-shadow(2px 3px 2px rgba(0,0,0,.551));height:7.53vw;left:0;-webkit-mask-image:url(data:image/png;base64,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);mask-image:url(data:image/png;base64,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);-webkit-mask-size:cover;mask-size:cover;position:relative;top:0;width:18.43vw}.weather-background:hover{animation:shake 2s linear infinite}.location-text,.temperature-text{font-size:1.42vw;font-weight:700;position:absolute;text-shadow:0 0 3px #fff;top:.44vw;z-index:2}.location-text{display:flex;left:.71vw}.location-icon{margin-right:.35vw;transform:translateY(1px)}.temperature-text{right:1.15vw}.temperature-number{font-size:4.08vw;font-weight:600;position:absolute;right:2.66vw;text-shadow:0 0 3px #fff;z-index:2}.weather-icon{filter:drop-shadow(0 0 0 rgb(16,26,77));opacity:0;position:absolute;right:2vw;top:-5vh;transform:rotate(7deg);transition:opacity 1.2s ease-in-out;width:11.5vw}.weather-background:hover .weather-icon{opacity:1;transition:opacity .3s ease}@keyframes shake{0%,to{transform:translateX(0)}25%,75%{transform:translateX(-1px) rotate(-1deg)}50%{transform:translateX(1px) rotate(1deg)}}.music-player{--shadow-color:rgba(62,54,22,.578);left:3.5vw;position:absolute;top:23vw}.player-box{background-image:url(/homepage/static/media/blackCD.50399d338c1f618f1302.png);border:1px solid #fff;filter:drop-shadow(0 3px 0 var(--shadow-color));height:9.9vw}.player-box,.player-cd{background-position:50%;background-size:cover;position:absolute;width:9.9vw}.player-cd{background-image:url(/homepage/static/media/CD.6145c8d52071b9d91c7f.png);height:10vw}.player-cd.playing{animation:rotateAnimation 2s linear infinite}.player-controller{background-color:#000;border:1px solid #fff;color:#fff;filter:drop-shadow(3px 3px 0 var(--shadow-color));font-size:1.78vw;height:6.2vw;left:9.6vw;padding:1vh .71vw 0 1.96vh;position:absolute;top:2.2vw;width:25.2vw}.controller-name{font-family:"DM Serif Display",serif;padding-left:.89vw}.controller-button{align-items:center;display:flex;justify-content:space-between;padding:1.57vh 1.6vw 1.57vh .89vw}.repeat-icon{height:2.13vw;width:2.13vw}@keyframes rotateAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home{--border-color:#754800;--go-button-font-size:2.13vw;background-color:#fdfcea;box-sizing:border-box;display:flex;position:fixed}.home,.home-background{height:100%;left:0;top:0;width:100%}.home-background{background-image:url(/homepage/static/media/home.00f54f4815295468c121.png);background-position:50%;background-size:cover;opacity:.4;position:absolute}.home-content{display:flex;flex:1 1}.home-left{flex:7 1;position:relative}.home-left-bg{background-color:rgba(179,3,0,.573);height:100%;opacity:.9;position:absolute;width:100%}.left-boarder{border:.2vw solid var(--border-color);bottom:8.7vh;filter:drop-shadow(1px 0 0 rgba(134,11,5,.345));font-size:2.3vw;left:1.78vw;letter-spacing:.5vw;pointer-events:none;right:1.78vw;top:17.2vh}.left-boarder,.left-boarder:before{color:var(--border-color);font-family:CormorantGaramond;position:absolute}.left-boarder:before{bottom:.5vh;content:"— INTERACT WITH ME —";font-size:1.2vw;font-weight:600;letter-spacing:1.3vw;text-align:center}.home-right{flex:8 1}.weather{position:absolute;right:.44vw;rotate:2deg;top:14.7vh}.weather:hover{filter:drop-shadow(2px 3px 2px rgba(0,0,0,.551))}.player{top:8vh}.player,.room{position:absolute}.room{right:0;top:21.2vh}.home-btn{bottom:4.3vh;display:flex;position:absolute;right:2.66vw;width:49%}.home-btn button{align-items:center;background-color:#fff;border:.18vw solid #000;border-radius:6px;color:#000;display:flex;font-size:2.84vw;height:9.78vh;justify-content:center;width:9.78vh}.social{display:flex;flex:6 1;justify-content:space-around}.github:hover{background-color:#000;color:#fff}.linkedin:hover{background-color:#0274b3;border-color:#0274b3;color:#fff}.resume{display:flex;flex:7 1;justify-content:center}.resume button{display:flex;font-size:var(--go-button-font-size);justify-content:space-around;width:13.29vw}.go{display:flex;flex:9 1;justify-content:center}.go button{display:flex;font-size:var(--go-button-font-size);justify-content:space-around;width:15.95vw}.name-card{--white-block-length:120;--roation-change-time:1s;background-color:#f7d98f;border:.3vw solid rgba(0,0,0,.913);filter:drop-shadow(0 0 1px rgba(0,0,0,.913));height:19.9vw;left:5.3vw;overflow:hidden;position:absolute;top:22.5vh;transform:rotate(-2deg);transition:all .5s ease-in-out;width:35.4vw}.name-card-container:hover .name-card{height:21vw;left:4.7vw;position:absolute;top:21vh;transform:rotate(0deg);width:37vw}.name-card:before{background-color:#fff;content:"";height:10.78vw;left:8.2vw;position:absolute;top:6.23vh;transform:rotate(2deg);transition:all var(--roation-change-time) ease-in-out;width:10.78vw}.name-card-container:hover .name-card:before{background-color:#fff;content:"";height:45vw;left:-4vw;position:absolute;top:-5vw;transform:rotate(-75deg);width:45vw}.name-card:after{bottom:1.77vw;content:"// FRONTEND\A // SOFTWARE DEVELOPMENT";font-family:CormorantGaramond;font-size:1.59vw;letter-spacing:.1vw;padding:0 4px;position:absolute;right:1vw;text-align:right;transform:rotate(2deg);transition:all var(--roation-change-time) ease-in-out;white-space:pre}.name-card-container:hover .name-card:after{content:"FRONTEND\A SOFTWARE DEVELOPMENT";font-size:2.5vw;padding:0 4px;text-align:center;transform:translate(-2%,-95%) rotate(0deg)}.signature{animation:wipeIn 5s ease-out forwards;background-image:url(/homepage/static/media/signature.adeb5989c690a6fbfd1e.png);background-position:50%;background-size:cover;filter:drop-shadow(0 3px 0 rgb(255,255,255));height:12vw;left:8.2vw;position:absolute;top:29.7vh;transition:all var(--roation-change-time) ease-in-out;width:24.8vw}.name-card-container:hover .signature{filter:drop-shadow(0 3px 0 rgb(255,196,0));left:10vw;opacity:.1;top:34vh;transform:rotate(10deg)}@keyframes wipeIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.room-bg{background-image:url(/homepage/static/media/room.9f64a2fff993769460fc.png);filter:drop-shadow(0 5px 3px rgba(225,210,177,.821));height:27.5vw;opacity:.55;right:3vw;top:0;width:48vw}.room-bg,.room-people{background-position:50%;background-size:cover;position:absolute}.room-people{background-image:url(/homepage/static/media/people.97755224848809a5ac5b.png);height:19vw;opacity:.9;right:30.5vw;top:14.5vw;width:17.66vw}.about{--page-left-margin:5.32vw;--page-left-width:62.02vw;--page-right-margin:3.99vw;--right-part-width:25.25vw;--avatar-upper-margin:14.28vh;--avatar-length:12.05vw;--avatar-border:0.26vw;--header-height:19.17vh;--header-width:35.44vw;--header-upper-margin:15.65vh;--header-left-margin:21.26vw;--header-title-font-size:1.33vw;--header-name-font-size:3.1vw;--header-name-line-height:3.54vw;--header-motto-font-size:1.77vw;--slider-upper-margin:22.11vh;--slider-height:8.86vw;--slider-border:0.35vw;--slider-font-size:1.51vw;--lower-part-height:54.78vh;--title-font-size:1.59vw;--title-padding-left:1.77vw;--intro-marigin:var(--title-padding-left);--intro-p-margin:0.44vw;--achieve--margin-horizontal:3.54vw;--achieve--margin-bottom:1.96vh;--achieve-title-padding:1.78vw;--achieve-content-img-height:3.54vw;--friend-container-margin-top:1.96vh;--friend-container-margin-horizontal:0.71vw;--friend-container-padding:var(--friend-container-margin-horizontal);--friend-container-a-font-size:1.68vw;--friend-container-img-height:9.78vh;--friend-detail-margin-left:0.89vw;--friend-content-scrollbar-width:0.62vw;--default-font-size:1.42vw;--cover-color:#c5090933;--light-black:#2e2c33;box-sizing:border-box;color:var(--light-black);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%}.cover{background-color:var(--cover-color);flex:7 1}.about .content,.cover{overflow:hidden;z-index:-1}.about .content{background-color:hsla(0,0%,94%,.841);flex:13 1}.about .avatar{border:var(--avatar-border) solid rgba(101,68,68,.823);border-radius:50%;height:var(--avatar-length);left:var(--page-left-margin);overflow:hidden;position:absolute;top:var(--avatar-upper-margin);transition:all 1s ease-in-out;width:var(--avatar-length)}.about .avatar img{height:100%;width:100%}.about .avatar:hover{border-radius:20%;cursor:pointer;transition:all .3s ease-in-out}.about .header{display:flex;flex-direction:column;height:var(--header-height);left:var(--header-left-margin);position:absolute;top:var(--header-upper-margin);width:var(--header-width)}.about .header-title{flex:7 1;font-size:var(--header-title-font-size);font-weight:600}.about .header-name{filter:drop-shadow(1px 0 0 rgb(0,0,0));flex:11 1;font-family:"DMSerifDisplay";font-size:var(--header-name-font-size);line-height:var(--header-name-line-height)}.header-motto{flex:8 1;font-family:CormorantGaramond;font-size:var(--header-motto-font-size);font-style:italic;line-height:var(--header-motto-font-size)}.about .slider{background-color:hsla(0,0%,100%,.994);border:var(--slider-border) solid rgba(101,68,68,.598);box-sizing:border-box;display:flex;flex-direction:column;height:var(--slider-height);overflow:hidden;position:absolute;right:var(--page-right-margin);top:var(--slider-upper-margin);width:var(--right-part-width)}.about .slider ul{display:flex;list-style:none;margin:0;padding:0;transition:all 1s ease-in-out}.about .slider li{max-height:100%;opacity:0;position:absolute;transition:opacity 1s ease-in-out;width:100%}.about .slider li.active{opacity:.8}.about .slider li img{display:block;height:auto;width:100%}.about .slider li .desc{bottom:0;color:hsla(0,0%,100%,.864);filter:drop-shadow(0 0 1px rgb(0,0,0));font-size:var(--slider-font-size);padding:0 0 2px 8px;position:absolute}.about .info{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:var(--lower-part-height);left:var(--page-left-margin);position:absolute;width:var(--page-left-width)}.friend-title,.info-title{align-items:center;display:flex;flex:2 1;font-size:var(--title-font-size);font-style:italic;font-weight:600;padding-left:var(--title-padding-left)}.info-title{background-color:#b3a2a2}.friend-content,.info-content{display:flex;flex:15 1;flex-direction:column}.info-content{background-color:#ddd1d1}.intro{flex:7 1;margin:0 var(--intro-marigin)}.intro p{font-size:var(--default-font-size);margin:var(--intro-p-margin)}.achieve{background-color:#bc9292;flex:2 1;flex-direction:row;margin:0 var(--achieve--margin-horizontal) var(--achieve--margin-bottom) var(--achieve--margin-horizontal)}.achieve,.achieve-title{align-items:center;display:flex}.achieve-title{background-color:#65444494;color:hsla(0,0%,100%,.919);font-family:TitilliumWeb;font-size:var(--default-font-size);font-weight:800;height:100%;padding:0 var(--achieve-title-padding)}.achieve-content{align-items:center;display:flex;flex:1 1;justify-content:space-evenly}.achieve-content img{height:var(--achieve-content-img-height)}.friend{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:var(--lower-part-height);position:absolute;right:var(--page-right-margin);width:var(--right-part-width)}.friend-title{background-color:#93b1bd}.friend-content{background-color:#b5daea;box-sizing:border-box;overflow-y:auto}.friend-container{align-items:center;background-color:hsla(0,0%,100%,.259);display:flex;font-size:var(--default-font-size);margin:var(--friend-container-margin-top) var(--friend-container-margin-horizontal) 0 var(--friend-container-margin-horizontal);padding:var(--friend-container-padding)}.friend-container a{color:var(--light-black);font-size:var(--friend-container-a-font-size);font-weight:600;text-decoration:none}.friend-container img{height:var(--friend-container-img-height)}.friend-detail{margin-left:var(--friend-detail-margin-left)}.friend-content::-webkit-scrollbar{-webkit-transition:opacity .3s;transition:opacity .3s;width:var(--friend-content-scrollbar-width)}.friend-content::-webkit-scrollbar-track{background:#8c9b9f7a;border-radius:10px}.friend-content::-webkit-scrollbar-thumb{background:#6e6e79a3;border-radius:10px}.education{box-sizing:border-box;height:100%;left:0;position:fixed;top:0;width:100%}.school{background-color:hsla(45,22%,78%,.841);border:.5vw double rgba(116,67,36,.506);border-radius:3vw;box-sizing:border-box;display:flex;flex-direction:column;left:10%;right:10%;top:20%}.school,.school img{height:70%;position:absolute}.school img{left:-5%;top:15%;transform:perspective(30vw) rotateY(15deg);transform-origin:center 50%}.school-content,.school-title{left:43%;position:relative}.school-title{top:10%;width:50%}.school-name{font-family:CormorantGaramond;font-size:3vw}.school-location{font-size:1.5vw;font-style:italic}.school-content{top:20%}.school-time{display:flex;font-family:CormorantGaramond;font-size:2.2vw;font-style:italic;justify-content:end;width:50%}.school-button{background-color:#5c5132}.school-button button{align-items:center;background-color:#eae4d2;border:.5vw double #000;border-radius:50%;display:flex;font-size:2vw;height:3.5vw;justify-content:center;width:3.5vw}.programmer{display:flex;height:100%;width:100%}.medal{display:flex;justify-content:center;padding:5vh 2vw 0}.medal img{height:40vh}.programmer-skill{display:flex;flex:1 1;padding:2vh 2vw 1.5vh 1vw}.skill-slot{width:60vw}.skill-detail,.skill-slot{display:flex;flex-direction:column}.skill-detail{background-color:#4a4842;border:2px solid var(--yellow-border-color);border-radius:0 3.54vw 3.54vw 0;overflow:hidden;width:20vw}.skill-common{background-color:hsla(0,0%,65%,.784);border:2px double rgba(49,49,49,.627);display:flex;flex-direction:column;padding:1vh 0}.skill-all{background-color:rgba(82,75,57,.792);border:2px solid var(--yellow-border-color);display:flex;flex:1 1;flex-direction:column}.skill-up{background-color:#cfd5ea;height:20vw;overflow:hidden;position:relative}.skill-up:after{background:linear-gradient(180deg,#0000 70%,rgba(107,85,40,.598) 80%,rgba (0,0,0,.886) 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.skill-group{display:flex;flex:1 1;flex-direction:row}.group-title{color:hsla(34,78%,91%,.853);display:flex;filter:drop-shadow(0 0 3px black);font-family:AlegreyaSC;font-size:1.65vw;justify-content:end;padding:2vh 1vw 0 2vw;width:8vw}.group-list{align-items:center;display:flex;max-width:400px}.skill-btn{border:.18vw solid #b8860b;height:6.85vh;margin:.4vh .45vw .4vh 0}.skill-img{width:20vw}.skill-name{bottom:2.5vh;color:#ffffffe0;filter:drop-shadow(0 0 1vh #000000);font-size:2.5vw;font-weight:600;left:1vw;position:absolute;z-index:1}.skill-situation{color:var(--wheat-white);font-size:1.6vw;padding:5%}.skill{background-color:#63615b;box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%}.skill .title{color:#000;display:flex;font-family:Sherwood;margin:14.5vh 1.78vw 3vh;opacity:.7}.skill .title .title-big{font-size:4vw;line-height:2.65vw}.skill .title .title-small{font-size:1.95vw;line-height:1.3vw}.skill .skill-content{background-color:#8f857e;border:.45vw solid #6b6233;display:flex;filter:drop-shadow(0 0 .45vw rgb(28,27,20));flex:1 1;justify-content:center;position:relative}.skill .skill-content .switch-group{-webkit-text-stroke:.09vw rgba(68,68,68,.239);align-items:center;color:#ead6be;display:flex;flex-direction:row;font-family:AlegreyaSC;font-size:1.86vw;position:absolute;top:-6.85vh}.skill .skill-content .switch-group .switch-btn{align-items:center;background-color:#7e7562;border:solid #ead6be;border-radius:.89vw .89vw 0 0;border-width:.45vw .45vw 0;display:flex;height:3.9vh;justify-content:center;margin:0 .45vw;padding:.98vh 1.77vw}.skill .skill-content .switch-group .switch-btn.active{background-color:#006262}.skill .skill-content .switch-group .switch-btn .switch-name{filter:drop-shadow(0 0 2px black)}.skill .skill-content .active-block{display:flex;flex:1 1}.creative{display:flex;height:100%;width:100%}.creative-skill{display:flex;flex-direction:column;justify-content:center;padding:1vh 3vw;width:70%}.creative-item{align-items:center;display:flex;flex:1 1;flex-direction:row;padding:1vh .5vw 1vh 1vw}.creative-item img{height:14vh}.creative-desc{background-color:#bab28a;border:.4vw double #7a724c;display:flex;flex:1 1;flex-direction:column;height:13vh;margin:0 1vw}.creative-name{font-family:Alegreya;font-size:1.9vw;font-weight:400;margin:1vh 0 0 1.8vw}.creative-situation{font-size:1.4vw;margin:.5vh 0 0 1vw}.other{display:flex;height:100%;justify-content:center;width:100%}.other .other-content{background-color:#7b766352;border:calc(.25vh + .25vw) solid #725631;height:92%;margin:auto;width:48%}.other .other-content .other-item{align-items:center;background-color:#d9d9d9;border:calc(.15vh + .15vw) solid #725631;border-radius:calc(.5vh + .5vw);display:flex;margin:2vh 1vw;padding:1vh 1vw}.other .other-content .other-item .item-check{height:6vh;margin-left:1vw}.other .other-content .other-item .item-logo{height:8vh;margin-left:2vw}.other .other-content .other-item .item-detail{margin-left:1vw}.other .other-content .other-item .item-detail .item-name{font-family:Alegreya;font-size:1.6vw;line-height:1.6vw}.other .other-content .other-item .item-detail .item-situation{font-size:1.2vw}@media(max-width:1023px){body{background-color:#add8e6;font-size:14px}}.project{background-color:#fcfcfc;box-sizing:border-box;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:100%}.project .title{display:flex;font-family:AlegreyaSC;font-size:9vh;justify-content:center;margin:13vh 0 0}.project .content-mask{margin:auto;overflow:hidden;width:1380px}.project .content-mask .content{display:flex;margin-left:calc(50vw - 1005px);transition:none}.project .content-mask .content.is-animating{transition:transform 2s ease-in-out}.project .content-mask .content .item{border:2px solid #000;box-sizing:border-box;flex:0 0 auto;height:285px;margin:2vh 60px 2vh 0;overflow:hidden;position:relative;width:630px}.project .content-mask .content .item:before{background-color:#00000080;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transition:all 1s ease-out;width:0;z-index:2}.project .content-mask .content .item:hover:before{height:100vw;transition:all .5s ease-out;width:100vw}.project .content-mask .content .item img{height:101%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.project .content-mask .content .item .detail{bottom:0;color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.612));font-weight:600;margin:3vh 1.5vw;position:absolute;transition:opacity .5s linear;z-index:2}.project .content-mask .content .item .detail .name{font-size:calc(1.8vh + 1.8vw)}.project .content-mask .content .item .detail .desc{font-size:calc(1.3vh + 1.3vw)}.project .content-mask .content .item .link{background-color:#fff;border-radius:calc(.5vh + .5vw);color:#000;display:flex;font-size:calc(1.2vh + 1.2vw);font-weight:700;left:50%;opacity:0;padding:1vh 2vw;position:absolute;text-decoration:none;top:50%;transform:translate(-50%,-50%);transition:all 1s linear;z-index:2}.project .content-mask .content .item .link .logo{margin-right:1vw}.project .content-mask .content .item:hover .detail{opacity:.8;transition:opacity .2s linear}.project .content-mask .content .item:hover .link{opacity:1;transform:translate(-50%,-75%);transition:all .3s linear}.project .content-mask .content .item:last-child{margin-right:0}.project .play{display:flex;justify-content:end;padding:1% calc(8vh + 8vw) 0 0}.project .play .btn{align-items:center;color:#444;display:flex;font-size:calc(2vh + 2vw);height:calc(2vh + 2vw);justify-content:center;width:calc(2vh + 2vw)}.project .play .btn:hover{color:#181818}.contact{grid-gap:clamp(20px,2vw,50px);background-color:#e2dbcd;display:grid;gap:clamp(20px,2vw,50px);grid-template-columns:1fr 1fr;height:80vh;padding:15vh 4vw 5vh}.contact .left{overflow:hidden;perspective:1500px;position:relative}.contact .left .title{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:hsla(0,0%,100%,.435);box-shadow:0 0 3px 1px rgba(255,253,239,.828);font-size:clamp(25px,4vw,55px);font-weight:700;line-height:clamp(25px,5vw,55px);padding:1.5vh 1.5vw;pointer-events:none;position:absolute;right:3vw;text-align:right;top:3vh;z-index:2}.contact .left .card{background-color:#ad2222;border-radius:20px;bottom:2vh;box-shadow:3px 3px 5px #000,-3px -3px 5px #fff;left:1vw;overflow:hidden;padding:5vh 5vw;position:absolute;right:1vw;top:1vh;transition:all 1.6s ease-in-out}.contact .left .card .info{background-color:#f9bf6d;bottom:28px;box-shadow:0 5px 5px -3px rgba(60,33,2,.842);height:43%;left:2.8vw;overflow:hidden;padding:10px 15px;position:absolute;transition:all .8s ease-in-out;transition-delay:1.2s;width:75%}.contact .left .card .info:before{background-image:url(/homepage/static/media/signature.adeb5989c690a6fbfd1e.png);background-position:50%;background-size:contain;content:"";filter:invert(100%);height:90%;left:5%;opacity:0;position:absolute;top:5%;transition:all .8s ease-in-out;width:90%;z-index:-1}.contact .left .card .info .name{font-size:40px;font-weight:700;margin:5px 10px;pointer-events:none;transition:all .4s ease-in-out;transition-delay:.8s}.contact .left .card .info .email{position:relative;transition:all .4s ease-in-out;transition-delay:.4s}.contact .left .card .info .email input{background-color:#f9bf6d;border:2px solid #000;border-radius:5px;box-sizing:border-box;color:#997919;font-size:18px;margin:10px 0;padding:11px 15px;transition:all .4s ease-in-out;transition-delay:.4s;width:100%}.contact .left .card .info .email button{align-items:center;border:2px solid #000;display:flex;font-size:22px;height:34px;justify-content:center;position:absolute;right:10px;top:16px;width:34px}.contact .left .card .info .email:hover input{color:#000}.contact .left .card .info .email:hover button{background-color:#f2a13e;color:#fef8eb}.contact .left .card .info .social{display:flex;gap:25px;justify-content:left;margin-top:5px}.contact .left .card .info .social button{align-items:center;background-color:#f2a13e;border:.18vw solid #000;border-radius:50%;display:flex;font-size:4.5vh;height:7vh;justify-content:center;transition:all .4s ease-in-out;width:7vh}.contact .left .card .info .social .github:hover{background-color:#000;color:#fff}.contact .left .card .info .social .linkedin:hover{background-color:#0274b3;border-color:#0274b3;color:#fff}.contact .left .card:hover{box-shadow:-15px 6px 10px 0 #29000033;transform:rotate3d(1,1,0,30deg);transition:all .8s ease-in-out}.contact .left .card:hover .info{box-shadow:-10px 20px 10px 0 #0006;transform:translate3d(5px,-5px,40px);transition:all .4s ease-in-out;transition-delay:.8s}.contact .left .card:hover .info:before{opacity:.8;transition:all .4s ease-in-out;transition-delay:.8s}.contact .left .card:hover .info .name{text-shadow:-1px 1px 0 #fa0,-2px 2px 0 #f6a300,-3px 3px 0 #ed9c00,-4px 4px 0 #e49500,-5px 5px 0 #db8e00,-6px 6px 0 #d28700,-7px 7px 0 #c98000,-8px 8px 0 #c07900;transform:translateZ(20px);transition:all .4s ease-in-out;transition-delay:.8s}.contact .left .card:hover .info .email{transform:translate3d(5px,-5px,90px);transition:all .4s ease-in-out;transition-delay:1.6s}.contact .left .card:hover .info .email input{box-shadow:-8px 10px 5px -3px #3c281033,-10px 12px 5px -2px #3c270d4d;transition:all .4s ease-in-out;transition-delay:1.6s}.contact .left .card:hover .info .social .github,.contact .left .card:hover .info .social .linkedin{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:-1px 1px 0 #ddd,-8px 10px 5px -3px #3c281033,-10px 12px 5px -2px #3c270d4d;transform:translate3d(5px,-5px,90px)}.contact .left .card:hover .info .social .github{transition:box-shadow .4s ease-in-out 2s,transform .4s ease-in-out 2s}.contact .left .card:hover .info .social .linkedin{transition:box-shadow .4s ease-in-out 2.4s,transform .4s ease-in-out 2.4s}.contact .right{display:flex;flex-direction:column;padding:2vh 0}.contact .right .title{font-size:clamp(25px,2.7vw,55px);font-weight:700;line-height:clamp(25px,3vw,55px);padding-bottom:3vh}.contact .right .title:hover{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:#0000}.contact .right .msg{background-color:#32506a;box-shadow:0 4px 10px #0009;flex:1 1;padding:25px 20px;position:relative;transition:.4s ease-in-out}.contact .right .msg:hover{box-shadow:1px 1px 1px #0000001a;scale:.99}.contact .right .msg form{display:flex;flex-direction:column;gap:25px;height:100%}.contact .right .msg form .input-container input,.contact .right .msg form .input-container textarea{background:#dbcec3;border:2px solid #fff;border-radius:10px;box-sizing:border-box;color:#997919;font-size:18px;transition:.1s ease-in-out;width:100%}.contact .right .msg form .input-container input{padding:20px 20px 10px}.contact .right .msg form .input-container textarea{height:100%;padding:10px 20px}.contact .right .msg form .input-container textarea::placeholder{color:#997919}.contact .right .msg form .input-container label{color:#997919;left:45px;pointer-events:none;position:absolute;transform:translateY(70%);transition:.1s ease-in-out}.contact .right .msg form .input-container input:focus,.contact .right .msg form .input-container input:valid,.contact .right .msg form .input-container textarea:focus{border:2px solid #000;outline:none}.contact .right .msg form .input-container input:focus~label,.contact .right .msg form .input-container input:valid~label,.contact .right .msg form .input-container textarea:focus~label{background:linear-gradient(#32506a,#dbcec3 80%);color:#000;padding:8px 10px 15px;transform:translate3d(10%,-50%,0)}.contact .right .msg form .input-container.textarea{flex:1 1}.contact .right .msg form button{align-items:center;background-color:#f9bf6d;display:flex;font-size:18px;justify-content:center;margin-top:auto;padding:10px 20px}.contact .right .msg form button:hover{background-color:#f2a13e}.navbar{--border-bottom:0.59vh;--background-color:#000;--hover-color:#79e6f4;--active-color:#e2ba1a;--font-color:#fff;align-items:center;background-color:var(--background-color);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;height:9.39vh;justify-content:space-between;left:1.33vw;padding:5px 10px;position:fixed;right:1.33vw;top:1.96vh;z-index:1000}.navbar:hover{border-bottom:1px inset hsla(0,0%,100%,.526)}.navbar a{color:var(--font-color);text-decoration:none}.navbar-home{border-radius:10px;font-size:5.1vh;font-weight:700;padding:4px 16px 0 10px}.home-logo{font-size:5.9vh;margin-right:8px;transform:translateY(-1px)}.navbar-home:hover .home-logo{animation:homeAnimation 2s linear infinite;filter:drop-shadow(0 0 4px rgb(255,247,0))}.navbar-home:hover{box-shadow:0 0 4px rgba(255,252,232,.799)}.navbar-item{display:flex;font-size:3.55vh}.navbar-link{margin:0 .89vw;padding:4px 4px 0;transition:all .5s ease}.item-logo{margin-right:4px;transition:all .3s ease-in-out}.navbar-link.active,.navbar-link:hover{font-weight:700;letter-spacing:.3px;transform:translateY(-3px)}.navbar-link:hover{border-bottom:var(--border-bottom) solid var(--hover-color);color:var(--hover-color)}.navbar-link:hover .item-logo{color:var(--hover-color);transform:translate(-2px,1px) rotate(-15deg)}.navbar-link.active{border-bottom:var(--border-bottom) solid var(--active-color);color:var(--active-color)}.navbar-link.active .item-logo{color:var(--active-color);transition:color .5s ease}.navbar-link.active:hover{border-bottom:var(--border-bottom) solid var(--hover-color);color:var(--hover-color)}.navbar-link.active:hover .item-logo{color:var(--hover-color)}@keyframes homeAnimation{0%{transform:rotateY(0deg) translateY(-1px)}to{transform:rotateY(1turn) translateY(-1px)}}.root{background-color:#fff;height:100%;left:0;position:absolute;top:0;width:100%}@font-face{font-family:"DM Serif Display";font-style:normal;src:url(/homepage/static/media/TitilliumWeb-Regular.e53e0538893d432e0635.ttf) format("truetype")}@font-face{font-family:TitilliumWeb;font-style:normal;font-weight:600;src:url(/homepage/static/media/TitilliumWeb-SemiBold.d4d3eeb6e2367e6796c3.ttf) format("truetype")}@font-face{font-family:CormorantGaramond;font-style:normal;font-weight:600;src:url(/homepage/static/media/CormorantGaramond-SemiBold.48dbf64395a7161a641e.ttf) format("truetype")}@font-face{font-family:CormorantGaramond;font-style:italic;font-weight:600;src:url(/homepage/static/media/CormorantGaramond-SemiBoldItalic.d9cb5d748f7c00c0689b.ttf) format("truetype")}@font-face{font-family:Sherwood;font-style:normal;src:url(/homepage/static/media/Sherwood.7fe5e4a1176ce6d59044.TTF) format("truetype")}@font-face{font-family:AlegreyaSC;font-style:normal;font-weight:400;src:url(/homepage/static/media/AlegreyaSC-Regular.761091f774afb47e7c21.ttf) format("truetype")}@font-face{font-family:AlegreyaSC;font-style:normal;font-weight:500;src:url(/homepage/static/media/AlegreyaSC-Medium.3f7ae3d8836802392539.ttf) format("truetype")}@font-face{font-family:AlegreyaSC;font-style:normal;font-weight:700;src:url(/homepage/static/media/AlegreyaSC-Bold.0f220b52f43e80d3c03f.ttf) format("truetype")}@font-face{font-family:Alegreya;font-style:normal;font-weight:700;src:url(/homepage/static/media/Alegreya-Regular.8c1d07d35fd0d62085d4.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.e4d6011b.css.map*/