body{background:#0f0c29;background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29);background:linear-gradient(to right,#24243e,#302b63,#0f0c29);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.center{display:flex;height:90vh;overflow-x:hidden;overflow-y:hidden}.login-page{width:350px;margin:auto}.form{position:relative;z-index:1;background:#ffffff;padding:50px 35px;text-align:center;border-radius:10px}.form input{font-family:Roboto,sans-serif;outline:0;background:#f2f2f2;width:100%;border:0;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:15px}.form button{font-family:Roboto,sans-serif;text-transform:uppercase;outline:0;background:black;width:100%;border:0;padding:15px;color:#fff;font-size:15px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer;border-radius:8px}.form button:hover,.form button:active,.form button:focus{transform:scale(.97)}.error-message{margin:0 0 10px;color:#dc143c}label{position:relative;width:100%}label input{width:calc(100% - 2.5rem)}label .icon{position:absolute;top:50%;transform:translateY(-50%);right:.5rem}@media only screen and (max-width: 460px){.login-page{width:250px}.form{padding:25px 17px}.form input{margin:0 0 10px;padding:10px;font-size:13px}.form button{padding:10px;font-size:13px}.error-message{margin:0 0 10px;font-size:12px}}.MarginTop{margin-top:90px}.UserListContainer{display:flex;justify-content:center;margin-bottom:20px;z-index:1!important}.profile{width:95%;background-color:#fff;padding:10px 20px;border-radius:5px;position:relative}.profile h2{font-weight:700;font-size:1.5em;color:#000}.profile p{font-size:1em;color:gray}.profile .image{width:55px;height:55px;border-radius:50%;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease-in}.profile:hover .image{border-radius:8px}@media screen and (max-width: 900px){.profile{padding:5px 20px}.profile h2{font-size:1.2em}.profile p{font-size:.9em}.profile .image{width:45px;height:45px}.profile:hover .image{border-radius:8px}}@media screen and (max-width: 500px){.UserListContainer{margin-bottom:10px}.profile{padding:5px}.profile h2{font-size:1em}.profile p{font-size:.6em}.profile .image{width:45px;height:45px;right:5px}.profile:hover .image{border-radius:8px}}.PageBody{height:80vh;display:grid;place-items:center}.LoadingPageDataBody{height:100%;display:grid;place-items:center}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #cef;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:0}4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0px;left:0px;width:72px;height:72px;opacity:0}}.home-height{width:100%;height:11vh}@media (max-width: 1280px){.home-height{height:11vh}}@media (max-width: 1100px){.home-height{height:7.5vh}}@media (max-width: 650px){.home-height{height:10.5vh}}@media (max-width: 450px){.home-height{height:15.5vh}}.aboutpage-background-color{width:100vw;height:100vh;background:#0f0c29;background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29);background:linear-gradient(to right,#24243e,#302b63,#0f0c29)}.website-link{margin-left:20px}.link-color{color:#8a2be2}.wrapper{justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;display:flex}.wrapper .left{width:35%;background-color:#000;padding:30px 25px;border-top-left-radius:15px;border-bottom-left-radius:15px;text-align:center;color:#fff}.wrapper .left img{border-radius:15px;margin-bottom:20px}.wrapper .left h4{font-size:1.5em;margin-bottom:10px}.wrapper .left .domain{font-size:16px;color:#b3acac}.wrapper .right{width:65%;background:#fff;padding:30px 25px;border-top-right-radius:15px;border-bottom-right-radius:15px}.wrapper .right .info,.wrapper .right .projects{margin-bottom:25px}.wrapper .right .info h3,.wrapper .right .projects h3{margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #e0e0e0;color:#353c4e;text-transform:uppercase;letter-spacing:5px}.wrapper .right .info_data .data{width:45%}.wrapper .right .info_data .data h4,.wrapper .right .projects_data .data h4{color:#353c4e;margin-bottom:5px}.wrapper .right .info_data .data p,.wrapper .right .projects_data .data p{font-size:13px;margin-bottom:10px;color:#919aa3}.wrapper .social_media ul{display:flex}.wrapper .social_media ul li{width:45px;height:45px;background:black;margin-right:10px;border-radius:10px;text-align:center;line-height:45px}.wrapper .social_media ul li a{color:#fff;display:block;font-size:18px}.wrapper .social_media ul li a:hover{background-color:#8a2be2;border-radius:10px}.skills{font-size:13px;color:gray;margin-top:40px}.location{font-size:12px;color:gray;margin-top:10px}@media screen and (max-width: 900px){.wrapper{width:600px}.wrapper .left{width:30%;padding:15px 13px}.wrapper .left h4{font-size:1.1em}.wrapper .left .domain{font-size:14px}.wrapper .right{width:55%;padding:15px 13px}.wrapper .right .info,.wrapper .right .projects{margin-bottom:15px}.wrapper .right .info h3,.wrapper .right .projects h3{margin-bottom:10px}.wrapper .right .info_data .data{width:100%}.wrapper .right .info_data .data p,.wrapper .right .projects_data .data p,.skills{font-size:12px}.location{font-size:13px}.project-data{font-size:15px}}@media screen and (max-width: 550px){.wrapper{width:100%;height:100vh;flex-direction:column;display:flex;justify-content:center;align-items:center;margin:50px 0}.wrapper .left{width:85%;padding:15px 13px;border-radius:10px 10px 0 0}.wrapper .left img{border-radius:5px;margin-bottom:5px;height:65px;width:65px}.wrapper .left h4{font-size:1.2em;margin-bottom:5px}.wrapper .left .domain{font-size:14px;margin-bottom:-5px}.wrapper .right{width:85%;padding:15px 13px;border-radius:0 0 10px 10px}.wrapper .right .info,.wrapper .right .projects{margin-bottom:15px}.wrapper .right .info h3,.wrapper .right .projects h3{margin-bottom:5px}.wrapper .right .info_data .data p,.wrapper .right .projects_data .data p{font-size:12px;margin-bottom:5px}.wrapper .social_media ul li{width:25px;height:25px;margin-right:10px;border-radius:5px;line-height:25px}.wrapper .social_media ul li a{font-size:12px}.wrapper .social_media ul li a:hover{border-radius:5px}.skills{font-size:12px;color:gray;margin-top:10px}.location{font-size:11px;margin-top:10px}.website-link{margin-left:10px}}@media screen and (max-width: 320px){.wrapper{width:100%;height:100vh;flex-direction:column;display:flex;justify-content:center;align-items:center;margin:200px 0}}.container{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.container h3{color:red;font-size:3em;filter:drop-shadow(1px 1px 8px black)}.message-404{margin-top:15px;color:var(--color-white);font-size:1em}.btn-404{margin-top:45px;background-color:#fff;color:#8a2be2;padding:8px 15px;border-radius:5px;font-weight:700}@media (max-width: 850px){.message-404{margin:5px 100px 10px}.btn-404{margin-top:35px}}@media (max-width: 450px){.img-404{width:250px;height:200px}.container h3{font-size:2em}.message-404{font-size:.8em;margin:5px 10px 10px}.btn-404{margin-top:20px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif;text-decoration:none;list-style:none}:root{--color-white: white;--color-black: black;--color-purple: rgb(126, 34, 206);--color-gray: gray;--color-graySmoke: rgb(229, 229, 229)}.Center{display:flex;justify-content:center;align-items:center;text-align:center}.center_header_container{position:fixed;top:0;right:0;left:0;width:100%;transition:all .9s ease;z-index:999!important;background:#0f0c29;background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29);background:linear-gradient(to right,#24243e,#302b63,#0f0c29);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Header{position:relative;top:0;right:0;left:0;width:97%;display:flex;align-items:center;justify-content:space-between;background:var(--color-white);padding:0 8%;border-radius:10px;margin-top:10px;transition:all .9s ease;z-index:999!important}.logo-title{color:var(--color-black);font-size:1.8rem;margin:10px 5px}.navbar{display:flex;flex-direction:row;transition:all .9s ease}.navbar li a{color:var(--color-gray);font-size:1.1rem;font-weight:400;padding:0;margin:0 20px;transition:all .9s ease}.navbar li a.active{color:var(--color-black);font-weight:700}.navbar li a:hover{color:var(--color-purple)}.log{cursor:pointer;border:none;border-radius:5px;color:var(--color-white);background-color:var(--color-black);transition:.3s;padding:7px;font-size:1rem}.log:hover{color:var(--color-black);background-color:var(--color-white)}.hamburger{display:none}@media (max-width: 1280px){.Header{padding:4px 1%;transition:.5s}.logo-title{font-size:1.8rem;font-weight:600}.navbar a{color:var(--color-gray);font-size:.8rem;font-weight:400;padding:0;margin:0 20px;transition:all .9s ease}}@media (max-width: 1100px){.Header{padding:3px 5%;transition:.5s}.logo-title{font-size:1.5rem;font-weight:600}}@media (max-width: 650px){.navbar{position:absolute;top:105%;right:0%;width:200px;background:var(--color-white);box-shadow:#00000059 0 5px 15px;border-radius:5px;padding:10px 0;display:flex;flex-direction:column;justify-content:space-evenly;transition:all .3s ease-in-out;opacity:0;pointer-events:none;z-index:999}.navbar.open{opacity:1;pointer-events:all}.navbar li a{color:var(--color-gray);font-size:.8rem;font-weight:400;transition:all .9s ease}.navbar li{margin:15px 0}.hamburger{display:block;border:none;background-color:transparent;cursor:pointer;padding:0;margin:0 5px}}@media (max-width: 370px){.box-Icon{display:none}.log{font-size:.8rem}}