*{margin:0;padding:0}#pre-loader{position:fixed;width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;background-color:inherit;z-index:9999}#pre-loader.hidden .spinner-border{visibility:hidden}#pre-loader.hidden{animation:introFadeOut 1s forwards}.intro{text-align:center;padding:5px}@keyframes introFadeOut{100%{opacity:0;display:none}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:root,body,html{overflow-x:hidden;scrollbar-width:thin}body{background-color:#e3f2fd}a{text-decoration:none}.custom-tooltip{--bs-tooltip-bg:#fc0086;--bs-tooltip-color:white}#root{width:100%;height:auto}body{scroll-behavior:smooth}nav div{justify-content:center}.navbar-brand{font-weight:700;color:#fc0086}span.pointer::before{content:"• "}.container{min-height:90vh;width:100%;display:inline}.container h1,#contact h1{color:#fc0086;text-align:center;padding-top:2rem;padding-bottom:3rem}.card{position:relative;box-shadow:rgb(60 64 67 / .3) 0 1px 2px 0,rgb(60 64 67 / .15) 0 2px 6px 2px;opacity:0}div.col{padding:10px 50px 10px 50px}#area-of-interest .card.view{text-align:center;animation:fadeInBottom 0.3s ease-in forwards}#projects .card.view.odd{animation:fadeInRight 0.3s ease-in forwards}#projects .card.view.even{animation:fadeInLeft 0.3s ease-in forwards}#certificates .card{width:100%}#certificates .card-img-top{border:1px solid #28282b}#certificates .card.view.odd{animation:fadeInRight 0.3s ease-in forwards}#certificates .card.view.even{animation:fadeInLeft 0.3s ease-in forwards}.badge{color:#fff;background-color:#fc0086}#about-banner{margin-top:1px;width:100%;height:auto}#projects .card-header{color:#2aaadd;font-weight:600}.card-btn{position:absolute;bottom:5px;right:8px;color:#fff;background-color:#fc0086}#certificates .card-btn{bottom:9px}.card-btn:hover{color:#fff;background-color:#28282b}#contact{background-color:#ddd0c8;padding:30px 0 50px 0}#contact .container div{display:flex;justify-content:center;place-items:center}#contact .btn.view{animation:popUp 0.5s ease forwards,fadeIn 0.5s ease forwards}.github{color:#fff;background-color:#333}.github-tooltip{--bs-tooltip-bg:#333333;--bs-tooltip-color:white}.linkedin:hover{color:#333;background-color:#fff}.linkedin{color:#fff;background-color:#0A66C2}.linkedin-tooltip{--bs-tooltip-bg:#0A66C2;--bs-tooltip-color:white}.linkedin:hover{color:#0A66C2;background-color:#fff}.discord{color:#fff;background-color:#5865f2}.discord-tooltip{--bs-tooltip-bg:#5865f2;--bs-tooltip-color:white}.discord:hover{color:#5865f2;background-color:#fff}.twitter{color:#fff;background-color:#55acee}.twitter-tooltip{--bs-tooltip-bg:#55acee;--bs-tooltip-color:white}.twitter:hover{color:#55acee;background-color:#fff}.google{color:#fff;background-color:#dd4b39}.google-tooltip{--bs-tooltip-bg:#dd4b39;--bs-tooltip-color:white}.google:hover{color:#dd4b39;background-color:#fff}.instagram{color:#fff;background-color:#ac2bac}.instagram-tooltip{--bs-tooltip-bg:#ac2bac;--bs-tooltip-color:white}.instagram:hover{color:#ac2bac;background-color:#fff}#scroll-top-btn{position:fixed;bottom:25px;right:15px;display:none;color:#fff;background-color:#fc0086}#scroll-top-btn:hover{color:#fff;background-color:#28282b}