@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{padding:0;margin:0;box-sizing:border-box}body{background-color:#191f26;color:hsla(0,0%,94.9%,.95)}header{z-index:1}.navbar,header{position:-webkit-sticky;position:sticky;top:0}.navbar{padding:20px 20px 0 0;display:flex;justify-content:flex-end;align-items:flex-start;background-color:#191f26}.navbar--link{list-style:none}.navbar--link .navbar--link-item{display:inline-block;padding:0 20px}.navbar--link .navbar--link-item a{text-decoration:none;color:#f2f2f2;font-size:23px;transition:.1s ease-in-out}.navbar--link .navbar--link-item a:hover{color:#f27405}.bubble{position:absolute;z-index:-2;background:#f27405;-webkit-transform:scale(2);transform:scale(2);border-radius:20px;transition:all .5s ease}.about{background-color:#191f26}.name{margin-top:210px;color:hsla(0,0%,94.9%,.95);font-size:26px;margin-bottom:0}hr{margin:-5 0 0;width:176px;border-top:1px solid #f27405}.me1,.me2{color:#f27405;font-size:80px;font-weight:700;transition:50ms ease-in-out}.me1:hover,.me2:hover{color:#f2f2f2}.me2{margin-left:140px}.p1{margin-top:15px;margin-left:145px;font-size:20px}#col-1{display:flex;justify-content:center;align-items:center}.img-me{width:450px;height:580px;object-fit:cover;border-radius:7px;margin-bottom:98px;box-shadow:-12px -8px #2b3440;transition:.2s ease-in-out}.img-me:hover{box-shadow:8px 12px #2b3440;-webkit-transform:scale(1.02);transform:scale(1.02)}#col-1,#col-2{height:100vh}#col-3-4{height:90vh}#col-5,#col-6{height:60vh}.projects{background-color:#2b3440;width:100vw}#contact{background-color:#191f26}.links{margin-top:360px}#main1{margin-top:350px}.conme{margin-bottom:30px;font-size:80px;margin-left:100px;transition:.1s ease-in-out}.conme:hover{color:#f27405}#icons1{margin-left:100px}#cube3-pt1{-webkit-animation:cube3-pt1 3s ease infinite;animation:cube3-pt1 3s ease infinite;-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}@-webkit-keyframes cube3-pt1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes cube3-pt1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}#cube3-pt2{-webkit-animation:cube3-pt2 3s linear infinite;animation:cube3-pt2 3s linear infinite;-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}@-webkit-keyframes cube3-pt2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes cube3-pt2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#cube2-pt1{-webkit-animation:cube2-pt1 4s ease infinite;animation:cube2-pt1 4s ease infinite;-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}@-webkit-keyframes cube2-pt1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes cube2-pt1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}#cube2-pt2{-webkit-animation:cube2-pt2 3.5s linear infinite;animation:cube2-pt2 3.5s linear infinite;-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}@-webkit-keyframes cube2-pt2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes cube2-pt2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#cube1-pt1{-webkit-animation:cube1-pt1 2s linear infinite;animation:cube1-pt1 2s linear infinite;-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}@-webkit-keyframes cube1-pt1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes cube1-pt1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#cube1-pt2{-webkit-animation:cube1-pt2 4s linear infinite;animation:cube1-pt2 4s linear infinite;-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}@-webkit-keyframes cube1-pt2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes cube1-pt2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#projects{font-size:80px;padding:25px 0 0 57px;color:#f2f2f2;transition:.1s ease-in-out}#hr{margin-left:47px;width:300px;border-top:3px solid #f27405}#projects:hover{color:#f27405}.container{height:100%;width:100vw;display:flex}.card{align-self:center;display:flex;height:500px;width:420px;background-color:#191f26;border-radius:10px;box-shadow:-.5rem 0 1.4rem #000;transition:.3s ease-out;position:relative;left:0}.card:not(:first-child){margin-left:-50px}.card:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:.4s ease-out;box-shadow:-1.2rem 0 2.4rem #000}.card:hover~.card{position:relative;left:50px;transition:.4s ease-out}.title{color:#f2f2f2;font-weight:300;position:absolute;left:20px;top:15px;transition:.15s ease-in-out}.card:hover .title{color:#f27405}.bar{position:absolute;top:100px;left:20px;height:5px;width:150px}.emptybar{background-color:#2e3033;width:100%;height:100%}.filledbar{position:absolute;top:0;z-index:3;width:0;height:100%;background:#2b3440;background:linear-gradient(90deg,#ff9100,#f26405 65%,#ff5100);transition:.6s ease-out}.card:hover .filledbar{width:150px;transition:.4s ease-out}.description{margin-top:50px;margin-bottom:0;font-size:20px;color:hsla(0,0%,94.9%,.42);width:250px;transition:.15s ease-in-out}.description:hover{color:#ff9100}#btn,.card:hover .description{color:#f2f2f2}#btn{margin:0;transition:.3s ease-in-out}#href-btn{text-decoration:none;color:#f2f2f2}.btn-container{margin:0;display:flex;justify-content:start;align-items:flex-end;width:400px}.btn1{margin-top:107px}.btn1,.btn2{border-radius:20px;margin-right:5px}.btn2{margin-top:78px}.btn3,.btn4{margin-top:48px;border-radius:20px;margin-right:5px}#btn:hover{background-color:hsla(0,0%,94.9%,.05);border:none}
/*# sourceMappingURL=main.916f2df5.chunk.css.map */