.galaxy-container{width:100%;height:100%;position:absolute}.orb-container{position:relative;z-index:0;width:50%;height:100vh;align-items:center;justify-content:center;display:flex;align-content:center}#lights{overflow:hidden;position:absolute}#lights,canvas{width:100%;height:100%}.bg{background:url(https://i.ibb.co/87GbbFP/2799006.jpg) no-repeat;background-size:cover;width:100vw;z-index:-3}.bg,.bg:before{height:100vh;position:absolute;top:0;left:0}.bg:before{content:"";width:100%;background:#000;z-index:-1;opacity:.3}@keyframes sf-fly-by-1{0%{transform:translateZ(-600px);opacity:.5}to{transform:translateZ(0);opacity:.5}}@keyframes sf-fly-by-2{0%{transform:translateZ(-1200px);opacity:.5}to{transform:translateZ(-600px);opacity:.5}}@keyframes sf-fly-by-3{0%{transform:translateZ(-1800px);opacity:.5}to{transform:translateZ(-1200px);opacity:.5}}.star-field{position:absolute;top:0;left:0;width:100%;height:100%;perspective:600px;-webkit-perspective:600px;z-index:-1}.star-field .layer{box-shadow:-411px -476px #cccccc,777px -407px #d4d4d4,-387px -477px #fcfcfc,-91px -235px #d4d4d4,491px -460px #f7f7f7,892px -128px #f7f7f7,758px -277px #ededed,596px 378px #cccccc,647px 423px whitesmoke,183px 389px #c7c7c7,524px -237px #f0f0f0,679px -535px #e3e3e3,158px 399px #ededed,157px 249px #ededed,81px -450px #ebebeb,719px -360px #c2c2c2,-499px 473px #e8e8e8,-158px -349px #d4d4d4,870px -134px #cfcfcf,446px 404px #c2c2c2,440px 490px #d4d4d4,414px 507px #e6e6e6,-12px 246px #fcfcfc,-384px 369px #e3e3e3,641px -413px #fcfcfc,822px 516px #dbdbdb,449px 132px #c2c2c2,727px 146px #f7f7f7,-315px -488px #e6e6e6,952px -70px #e3e3e3,-869px -29px #dbdbdb,502px 80px #dedede,764px 342px #e0e0e0,-150px -380px #dbdbdb,654px -426px #e3e3e3,-325px -263px #c2c2c2,755px -447px #c7c7c7,729px -177px #c2c2c2,-682px -391px #e6e6e6,554px -176px #ededed,-85px -428px #d9d9d9,714px 55px #e8e8e8,359px -285px #cfcfcf,-362px -508px #dedede,468px -265px #fcfcfc,74px -500px #c7c7c7,-514px 383px #dbdbdb,730px -92px #cfcfcf,-112px 287px #c9c9c9,-853px 79px #d6d6d6,828px 475px #d6d6d6,-681px 13px #fafafa,-176px 209px #f0f0f0,758px 457px #fafafa,-383px -454px #ededed,813px 179px #d1d1d1,608px 98px whitesmoke,-860px -65px #c4c4c4,-572px 272px #f7f7f7,459px 533px #fcfcfc,624px -481px #e6e6e6,790px 477px #dedede,731px -403px #ededed,70px -534px #cccccc,-23px 510px #cfcfcf,-652px -237px whitesmoke,-690px 367px #d1d1d1,810px 536px #d1d1d1,774px 293px #c9c9c9,-362px 97px #c2c2c2,563px 47px #dedede,313px 475px #e0e0e0,839px -491px #e3e3e3,-217px 377px #d4d4d4,-581px 239px #c2c2c2,-857px 72px #cccccc,-23px 340px #dedede,-837px 246px white,170px -502px #cfcfcf,822px -443px #e0e0e0,795px 497px #e0e0e0,-814px -337px #cfcfcf,206px -339px #f2f2f2,-779px 108px #e6e6e6,808px 2px #d4d4d4,665px 41px #d4d4d4,-564px 64px #cccccc,-380px 74px #cfcfcf,-369px -60px #f7f7f7,47px -495px #e3e3e3,-383px 368px #f7f7f7,419px 288px #d1d1d1,-598px -50px #c2c2c2,-833px 187px #c4c4c4,378px 325px whitesmoke,-703px 375px #d6d6d6,392px 520px #d9d9d9,-492px -60px #c4c4c4,759px 288px #ebebeb,98px -412px #c4c4c4,-911px -277px #c9c9c9;transform-style:preserve-3d;position:absolute;top:50%;left:50%;height:4px;width:4px;border-radius:2px}.star-field .layer:first-child{animation:sf-fly-by-1 5s linear infinite}.star-field .layer:nth-child(2){animation:sf-fly-by-2 5s linear infinite}.star-field .layer:nth-child(3){animation:sf-fly-by-3 5s linear infinite}.parallax{position:relative;overflow:hidden;color:white}.scroller{display:flex;white-space:nowrap;text-align:center;font-family:sans-serif;font-size:15px;font-weight:700;letter-spacing:5px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.scroller span{flex-shrink:0}@media (min-width:1024px){.scroller{font-size:30px;line-height:40px}.secondTitle{font-size:100}}.secondTitle{font-size:50;text-align:center;color:white}.Particlecontainer{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;background:#000;overflow:hidden}.glowing{position:relative;min-width:700px;height:550px;margin:-150px;transform-origin:right;animation:colorChange 5s linear infinite}.glowing:nth-child(2n){transform-origin:left}@keyframes colorChange{0%{filter:hue-rotate(0deg);transform:rotate(0deg)}to{filter:hue-rotate(1turn);transform:rotate(1turn)}}.glowing span{position:absolute;top:calc(80px * var(--i));left:calc(80px * var(--i));bottom:calc(80px * var(--i));right:calc(80px * var(--i))}.glowing span:before{content:"";position:absolute;top:50%;left:-8px;width:15px;height:15px;background:#f00;border-radius:50%}.glowing span:nth-child(3n+1):before{background:rgba(134,255,0,1);box-shadow:0 0 20px rgba(134,255,0,1),0 0 40px rgba(134,255,0,1),0 0 60px rgba(134,255,0,1),0 0 80px rgba(134,255,0,1),0 0 0 8px rgba(134,255,0,.1)}.glowing span:nth-child(3n+2):before{background:rgba(255,214,0,1);box-shadow:0 0 20px rgba(255,214,0,1),0 0 40px rgba(255,214,0,1),0 0 60px rgba(255,214,0,1),0 0 80px rgba(255,214,0,1),0 0 0 8px rgba(255,214,0,.1)}.glowing span:nth-child(3n+3):before{background:rgba(0,226,255,1);box-shadow:0 0 20px rgba(0,226,255,1),0 0 40px rgba(0,226,255,1),0 0 60px rgba(0,226,255,1),0 0 80px rgba(0,226,255,1),0 0 0 8px rgba(0,226,255,.1)}.glowing span:nth-child(3n+1){animation:animate 10s infinite alternate}.glowing span:nth-child(3n+2){animation:animate-reverse 3s infinite alternate}.glowing span:nth-child(3n+3){animation:animate 8s infinite alternate}@keyframes animate{0%{transform:rotate(180deg)}50%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes animate-reverse{0%{transform:rotate(1turn)}50%{transform:rotate(180deg)}to{transform:rotate(0deg)}}.particles-container{position:absolute;width:100vw;height:100vh}.book{position:relative;width:300px;height:400px;background-color:whitesmoke;-webkit-transform:preserve-3d;-ms-transform:preserve-3d;transform:preserve-3d;-webkit-perspective:2000px;perspective:2000px;color:#000}.book,.cover{border-radius:10px;-webkit-box-shadow:1px 1px 12px #000;box-shadow:1px 1px 12px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cover{top:0;position:absolute;background-color:lightgray;background-size:100% 80%;width:100%;height:100%;cursor:pointer;-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0}.book:hover .cover,.cover{-webkit-transition:all .5s;transition:all .5s}.book:hover .cover{-webkit-transform:rotatey(-80deg);-ms-transform:rotatey(-80deg);transform:rotatey(-80deg)}.para{font-size:20px;font-weight:bolder}.snow,.snow:after,.snow:before{position:absolute;top:-600px;left:0;bottom:0;right:0;background-image:radial-gradient(5px 5px at 16px 213px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 564px 525px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 558px 595px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 49px 502px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 226px 566px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 323px 579px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 468px 193px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 469px 308px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 109px 195px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 489px 461px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 338px 283px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 116px 545px,white 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 253px 457px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 363px 234px,white 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 380px 382px,white 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 397px 586px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 556px 476px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 97px 525px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 490px 369px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 299px 304px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 225px 292px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 367px 152px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 453px 177px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 296px 376px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 280px 56px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 134px 286px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 154px 416px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 84px 480px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 107px 244px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 252px 72px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 210px 48px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 335px 517px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 107px 143px,white 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 491px 18px,white 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 211px 260px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 539px 138px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 438px 594px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 168px 216px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 263px 411px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 321px 450px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 400px 317px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 318px 522px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 333px 479px,white 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 436px 17px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 312px 479px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 74px 502px,white 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 309px 481px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 500px 176px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 382px 254px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 14px 145px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 393px 41px,white 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 411px 326px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 268px 65px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 74px 410px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 56px 268px,white 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 394px 556px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(6px 6px at 385px 122px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 148px 556px,rgba(255,255,255,.7) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 226px 577px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(4px 4px at 22px 125px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 476px 78px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 165px 470px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 266px 347px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 314px 94px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 114px 195px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 553px 446px,rgba(255,255,255,.9) 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 474px 153px,white 50%,rgba(0,0,0,0)),radial-gradient(5px 5px at 205px 176px,rgba(255,255,255,.6) 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 60px 417px,white 50%,rgba(0,0,0,0)),radial-gradient(3px 3px at 567px 401px,rgba(255,255,255,.8) 50%,rgba(0,0,0,0));background-size:600px 600px;animation:snow 10s linear infinite;content:""}.snow:after{margin-left:-200px;opacity:.4;animation-duration:20s;filter:blur(3px)}.snow:after,.snow:before{animation-direction:reverse}.snow:before{animation-duration:30s;margin-left:-300px;opacity:.65;filter:blur(1.5px)}@keyframes snow{to{transform:translateY(600px)}}.Pcard{width:375px;height:600px;background:white;border-radius:32px;position:relative;box-shadow:0 70px 30px -50px #604b4a30;transition:all .5s ease-in-out;margin:15px}.Pcard .mail{position:absolute;right:2rem;top:1.4rem;background:transparent;border:none}.Pcard .mail svg{stroke:#fbb9b6;stroke-width:3px}.Pcard .mail svg:hover{stroke:#f55d56}.Pcard .profile-pic{position:absolute;width:calc(100% - 6px);height:calc(100% - 6px);top:3px;left:3px;border-radius:29px;z-index:1;border:0 solid #fbb9b6;overflow:hidden;transition:all .5s ease-in-out .2s,z-index .5s ease-in-out .2s}.Pcard .profile-pic img{-o-object-fit:fill;object-position:"center";width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0;transform-origin:45% 20%;transition:all .5s ease-in-out 0s}.Pcard .bottom{position:absolute;bottom:2px;left:3px;right:3px;background:#fbb9b6;top:80%;border-radius:29px;z-index:2;box-shadow:inset 0 5px 5px 0 rgba(96,75,74,.1882352941);overflow:hidden;transition:all .5s cubic-bezier(.645,.045,.355,1) 0s}.Pcard .bottom .content{position:absolute;bottom:180px;left:1.5rem;right:1.5rem;height:200px}.Pcard .bottom .content .name{display:block;font-size:1.2rem;color:white;font-weight:700}.Pcard .bottom .content .about-me{display:block;font-size:.9rem;color:white;margin-top:1rem}.Pcard .bottom .bottom-bottom{position:absolute;bottom:1rem;left:1.5rem;right:1.5rem;display:flex;align-items:center;justify-content:space-between}.Pcard .bottom .bottom-bottom .social-links-container{display:flex;gap:1rem}.Pcard .bottom .bottom-bottom .social-links-container svg{height:20px;fill:white;filter:drop-shadow(0 5px 5px rgba(165,132,130,.1333333333))}.Pcard .bottom .bottom-bottom .social-links-container svg:hover{fill:#f55d56;transform:scale(1.2)}.Pcard .bottom .bottom-bottom .button{background:white;color:#fbb9b6;border:none;border-radius:20px;font-size:.6rem;padding:.4rem .6rem;box-shadow:0 5px 5px 0 rgba(165,132,130,.1333333333)}.Pcard .bottom .bottom-bottom .button:hover{background:#f55d56;color:white}.Pcard:hover{border-top-left-radius:55px}.Pcard:hover .bottom{top:20%;border-radius:80px 29px 29px 29px;transition:all .5s cubic-bezier(.645,.045,.355,1) .2s}.Pcard:hover .profile-pic{width:250px;height:250px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;top:0;left:0;border-radius:50%;background-color:"#fbb9b6";z-index:3;border:7px solid #fbb9b6;box-shadow:0 5px 5px 0 rgba(96,75,74,.1882352941);transition:all .5s ease-in-out,z-index .5s ease-in-out .1s}.Pcard:hover .profile-pic img{width:100%;height:100%;-o-object-position:0 25px;object-position:0 25px;transition:all .5s ease-in-out .5s}.Pcard:hover .profile-pic svg{transform:scale(2.5);transition:all .5s ease-in-out .5s}