#root{margin:0;padding:2rem;text-align:center;overflow-x:hidden;overflow:hidden}.cameramove{position:relative;overflow:auto;animation:cameramove 5s infinite alternate}@keyframes cameramove{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform: scale(1)}}@font-face{font-family:BebasN;src:url(/fonts/BebasNeue-Regular.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Orbitron;src:url(/fonts/Orbitron-VariableFont_wght.ttf) format("opentype");font-weight:400;font-style:normal}body,html{margin:0;padding:0;background:black}.container{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.canvas-container{flex:1}canvas{width:100%;height:100%}.button-container{position:absolute;top:15vh;left:50%;transform:translate(-50%);color:#f0f8ff;background-color:#00000080;padding:20px;box-sizing:border-box;z-index:1}.button-containerP{position:absolute;top:32vh;left:50%;transform:translate(-50%);color:#f0f8ff;background-color:#00000080;padding:20px;box-sizing:border-box;z-index:1}.button-containerG{position:absolute;top:125vh;left:50vh;transform:translate(-50%);color:#f0f8ff;background-color:#00000080;padding:20px;box-sizing:border-box;z-index:1}a{color:#074e8c}.scrollbar{margin-left:30px;float:left;overflow-y:scroll;margin-bottom:25px}body::-webkit-scrollbar-track{border:1px solid rgba(0,155,239,.8);background-color:#f5f5f5}body::-webkit-scrollbar{width:10px;background-color:#f5f5f5}body::-webkit-scrollbar-thumb{background-color:#009befcc}.card1{background:linear-gradient(-135deg,transparent 35px,rgba(0,174,239,.1) 0);border-width:2px;padding:3vh;color:#f5f5f5;margin:110px auto 0;background-clip:padding-box;position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.card1:before,.card1:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transition:opacity .3s ease-in-out}.card1:before{opacity:0}.card1:after{opacity:0}.card1:hover{transform:rotateY(20deg) rotateX(-10deg) scale(1.05)}.card1:hover:before,.card1:hover:after{opacity:1}.card2{background:linear-gradient(-135deg,transparent 35px,rgba(0,174,239,.1) 0);border-width:2px;padding:3vh;color:#f5f5f5;margin:110px auto 0;background-clip:padding-box;position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.card2:before,.card2:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;backface-visibility:hidden;transition:opacity .3s ease-in-out}.card2:before{opacity:0}.card2:after{opacity:0}.card2:hover{transform:rotateY(20deg) rotateX(-10deg) scale(1.05)}.card2:hover:before,.card2:hover:after{opacity:1}.homeVideoView{padding:0;margin:0;width:40vw;height:auto}.imageContact{padding:0;margin:0;width:10vw;height:auto}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Orbitron}.container{display:flex;align-items:center;justify-content:center;height:100%}.heading{color:#eee;font-size:8vh;text-transform:uppercase;text-shadow:0 0 10px rgba(0,174,239,.8)}.skill-bar{margin-bottom:10px}.skill-bar__label{font-weight:700;margin-bottom:5px}.skill-bar__bar{width:100%;height:10px;background-color:#fff}.skill-bar__fill{height:100%;background-color:green;transition:width .5s;width:var(--fill-width)}._header_1olky_1{width:100%;margin-top:1vh}._profileImage_1olky_6{width:15vw;height:auto;border-radius:2%;object-fit:cover;box-shadow:0 0 5px #009befcc;margin-top:1vh}._textT_1olky_15{font-size:2.4vh;font-family:Orbitron;text-shadow:0 0 10px rgba(0,174,239,.8)}._textDivider_1olky_21{font-size:20vh;font-family:Orbitron;text-shadow:0 0 10px rgba(0,174,239,.8)}