@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--main-font: "Poppins", sans-serif}body,html{padding:0;margin:0}.main-container{width:100%;color:#fff;overflow-x:hidden}.navbar .button{background-color:#fff;border:none;border-radius:10px;padding:.7rem 1.3rem;font-family:var(--main-font);display:flex;align-items:center;justify-content:center}.top-container{height:100vh;width:100vw;align-items:center;justify-content:center;display:flex}.bg-div{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.main-container .top-container .profile img{width:100px;height:100px;border-radius:50%}.main-container .top-container .profile{height:50vh;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw}.main-container .top-container .profile h1{color:#fff;font-family:var(--main-font);font-weight:300;font-size:4rem;margin-top:1vh;margin-bottom:1vh;text-align:center}.main-container .top-container .profile p{color:#fff;font-family:var(--main-font);font-weight:200;font-size:1.5rem;margin-top:0vh;text-align:center}.main-container .top-container .icons-container{height:3vh;display:flex;align-items:center;justify-content:center;width:100vw}.main-container .top-container .icons-container img{height:3vh;margin:5px;width:auto}.second-container{width:100vw;background-color:#fff0;display:flex;align-items:center;justify-content:center}.about-container{color:#000;font-family:var(--main-font);height:25vh;width:100%;background-color:#fff}@media (min-width: 1200px){.second-container{height:100vh}}.second-container .card-container{width:19em;height:25em;padding:2.5rem;border-radius:15px;border:rgb(253,253,253) 1px solid;margin-right:2.5vw;margin-left:2.5vw;background-color:#000000d3}.card-container .icon{width:5rem;height:5rem;border-radius:50%}.card-container h1{font-family:var(--main-font);font-weight:700}.card-container p{font-family:var(--main-font);font-size:.9rem}.glow-on-hover{width:100%;height:50px;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px}.glow-on-hover:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.glow-on-hover:active{color:#000}.glow-on-hover:active:after{background:transparent}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:10px}.last-container{height:50vh;width:100%;align-items:center;display:flex;flex-direction:column}.last-container h1{color:#fff;font-size:2rem;font-family:var(--main-font);margin-bottom:10vh}.spinner{width:140px;height:140px;background-color:#6495ed;margin:55% auto auto}.language-container{width:100vw}.language-container .languages-line{width:100vw;height:26rem;display:flex;align-items:center;justify-content:space-around;padding-block:2rem}.language-container .languages-line .language-box{height:100%;width:20rem;background-color:#000;border-radius:12px;border:white 1px solid;display:flex;flex-direction:column;align-items:center}.language-box h3{margin-top:2rem;color:#fff;font-family:var(--main-font);font-size:1.5rem}.language-box .element{display:block;padding:0;height:3rem;width:100%;margin-bottom:1rem;padding-left:1rem}.language-box .element h6{color:#fff;margin:0;margin-left:1rem;font-family:var(--main-font)}.language-box .element .bar{height:2rem;width:calc(100% - 1rem);border-radius:20px;border:1px white solid;display:flex;align-items:center;color:#fff}.language-box .element .bar .load{display:flex;align-items:center;background-color:#fff;height:100%;border-radius:20px}.language-box .element .bar .load h6{color:#000;font-size:large}.language-box .top-div{display:flex;align-items:center}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@media (max-width: 1200px){.last-container{display:none}.second-container{display:flex;flex-direction:column;align-items:center;justify-content:none}.second-container .card-container{margin-top:2rem;margin-bottom:2rem;width:90vw;padding:1rem}.language-container .languages-line{height:110rem;display:flex;align-items:center;flex-direction:column;margin-top:0}.language-container .languages-line .language-box{margin-block:1rem;width:90vw}}