@font-face{font-family:FSNorthLand;src:url("../fonts/FS North Land.otf")}@font-face{font-family:Andes;src:url("../fonts/AndesRoundedLight.otf")}*{margin:0;padding:0;box-sizing:border-box;font-family:FSNorthLand}body{height:100vh;overflow:hidden;background:url("../pics/sys/ba-1.jpeg") no-repeat center;background-color:rgba(80,153,210,.05);background-size:cover;background-blend-mode:screen;position:relative}.avatar{width:70%;height:350px;background-color:#000;position:absolute;z-index:1;top:-20%;left:15%;overflow:hidden;border-radius:5px;border:none;box-shadow:-7px 7px 15px rgba(255,255,255,.25)}.avatar>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar:hover>.slogan{top:0;left:0;opacity:1;transform:scale(1);border-radius:5px}.avatar>.slogan{width:100%;height:inherit;position:absolute;background-color:rgba(1,1,1,.7);transition:all .5s;top:100%;left:0;opacity:0;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:20px;transform:scale(0);color:#7de5d2;font-size:2rem}.box{width:700px;height:350px;background-color:rgba(1,1,1,.75);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;border-radius:7px;box-shadow:0 0 30px rgba(110,223,199,.25)}.box>div{width:50%;height:100%;position:relative}.box-half-left{display:flex;align-items:flex-end}.box-half-left>.bottom{display:flex;width:100%;justify-content:space-around}.box-half-left>.bottom>a{display:inline-block;text-align:center;height:45px;color:#1d80c2;text-decoration:none;transition:transform .2s}.box-half-left>.bottom>a:hover{transform:scale(1.3)}.box-half-right{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.box-half-right>.about-me{margin-top:20px;margin-left:5px}.box-half-right>.about-me>h1{font-size:3.95rem;font-weight:500;color:#48b5b0;position:relative;display:inline-block}.box-half-right>.about-me>h1::after{position:absolute;content:"";width:105%;height:8px;background-color:#f56c25;border-radius:10px;bottom:21px;left:-5px;z-index:-1}.box-half-right>.about-me>h1>a{text-decoration:none;transition:transform .2s;font-size:3.95rem;font-weight:500;color:#48b5b0;position:relative;display:inline-block}.box-half-right>.about-me>h1>a:hover{transform:scale(1.3);margin-left:35px}.box-half-right>.about-me>h1>a::after{margin-left:35px;transform:scale(1.3)}.box-half-right>.about-me>p{padding-top:10px;font-size:1.95rem;font-weight:100;color:#48b5b0}.box-half-right>.info{padding:10px 20px 20px 0;display:flex;color:#fff}.box-half-right>.info>ul{width:50%}.box-half-right>.info>ul>li{list-style:none;font-size:1.1rem;margin-top:20px;padding-top:2px;font-family:Andes;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:transform .2s,opacity .2s}.box-half-right>.info>ul>li>i{display:inline-block;width:40px;font-size:1.4rem;text-align:center;color:#a3dae6}.box-half-right>.info>ul>li:hover{opacity:.8}.color-orangered{color:#ff4500 !important}.tooltip{position:absolute;background-color:rgba(1,1,1,.9);padding:7px 10px 5px 10px;border:1px solid #353535;border-radius:3px;font-family:Andes;box-shadow:0 0 10px rgba(0,0,0,.3);z-index:1000;font-size:.9rem;color:#d2f7f0;display:none}.small-screen{display:none;padding:15px;min-width:80%;background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;font-size:1.7rem}.small-screen>h1{font-weight:300}@media screen and (max-width: 710px),(max-height: 500px){.box{display:none}.small-screen{display:inline-block}}