@import url(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);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--theme-color:purple}@media screen and (min-width:1200px){*{box-sizing:border-box;margin:0;padding:0}body{color:#000;color:var(--theme-color);font-family:Poppins,sans-serif}.navbar{background-color:#fff;box-shadow:0 2px 4px 0 #0003,0 1px 5px 0 #00000030;display:flex;height:5em;left:0;position:fixed;top:0;transition:background-color .3s;width:100%;z-index:9999}.navbar .logo{cursor:pointer;height:2em;left:15em;position:fixed;top:1.5em}.navbar .logo-content{font-size:20px;font-weight:700;padding:.5em}.navbar ul{cursor:pointer;height:2em;left:33%;position:fixed;top:1.5em}.navbar ul li{display:inline;font-size:19px;list-style-type:none;margin:1em;position:relative;width:100%}.navbar a,.navbar ul li a{border-width:0;border-bottom:none;color:#000;color:var(--theme-color);font-weight:700;padding:1em;text-decoration:none;transition:border-width 2s}.navbar ul li a:after{background-color:#828282;bottom:-15px;content:"";height:4px;left:0;position:absolute;transition:.3s;width:0}.navbar ul li a:hover{color:#828282}.navbar ul li a:hover:after{width:100%}.menu-icon{display:none}button{background-color:initial;border:none;color:#000}.home-container .home-card{height:85vh;margin:7vh auto 0}.home-content{align-items:center;text-align:center;width:100%}.cards-container{border-radius:10px;display:flex;height:70vh;margin:-15vh auto auto;width:60%}.card-1{right:6em}.card-1,.card-2{margin:auto;position:relative;width:26.7%}.card-2{left:2em}.dev_me_img{width:25em}.dev_me_img,.icons-container{margin:auto;position:relative}.icons-container{height:auto;width:26.7%}.icons-container ul{padding:2em 0;position:relative}.icons-container ul li{display:block;font-size:14px;list-style-type:none;margin-bottom:2em;margin-top:2em}.icons-container ul li a{color:#000;display:inline-block;text-decoration:none;transition:transform .3s,font-size .3s,background-color .3s}.icons-container ul li a:hover{transform:scale(1.2)}.icons-container ul li a:focus{box-shadow:none;outline:none}.home-container .home-card .home-content{line-height:2.5em;position:relative;text-align:center;top:20vh}.twin-btn{display:flex;margin:auto}.twin-btn button{border:1px solid #000;border-radius:25px;font-size:12px;outline:none;padding:1em;position:relative;top:2em}.twin-btn button:hover{background-color:#000;color:#fff}.btn-C{margin-left:1em;width:100%}.btn-D{margin-right:1em;width:100%}.about-me-container{height:90vh;margin-top:9vh}.about-me-title{position:relative;text-align:center;top:10%}.experience-education-container{display:flex;justify-content:center;margin:auto;position:relative;text-align:center;top:15vh}.education-card,.experience-card{border:2px solid #000;border-radius:15px;display:block;font-size:16px;height:12em;position:relative;width:25%}.experience-card{position:relative;right:50px}.education-card{left:50px;position:relative}.about-icons{margin-top:10%}.my-description{font-size:16px;margin:auto;position:relative;top:19vh;width:57%;word-spacing:5px}.experience-container{height:90vh;margin:0 auto -15vh;text-align:center;width:80%}.experience-title{position:relative;top:15%}.experience-title h4,h4{color:#535353}.experience-title h2,h2{font-size:30px}.experience-card-container{display:flex;margin:auto;position:relative;top:20%;width:80%}.education-card h2,.experience-card h2{font-size:22px}.card-backend-dev,.card-frontend-dev{border:.5px solid #000;border-radius:15px;height:52vh;margin:auto;text-align:center;width:48%}.role-title{color:#535353;font-size:22px;font-weight:700;margin-top:5vh}.experince-languages{display:flex}.row-1{text-align:start}.icon-experience{display:flex;padding:1em}.icon-experience p{color:#000;font-size:16px;font-weight:700;margin-left:1em;margin-top:-.25em}.experience-level{color:#535353;font-size:15px;margin-left:3.5em;position:relative;top:-2vh}.row-2{text-align:start}.row-1,.row-2{margin:auto}}@media screen and (max-width:1199px){*{box-sizing:border-box;margin:0;padding:0}body{color:#000;font-family:Poppins,sans-serif}.navbar{flex-direction:row;height:auto;justify-content:space-between}.navbar .logo a{left:1em;padding:.5em;position:absolute;text-decoration:none}.menu-icon{cursor:pointer;display:block;font-size:24px;padding:.5em}.navbar ul{background:#fff;border-radius:4px;box-shadow:0 2px 5px #0003,0 2px 5px #0003;display:none;flex-direction:column;margin-left:30%;padding:1em 0;position:relative;top:2.5em}.navbar ul.active{display:block}.navbar ul li{list-style-type:none;margin:1em 20%;text-align:left}.navbar ul li a{color:navy;padding:1em;text-decoration:none}.navbar ul li a:hover{background-color:initial;color:#828282;outline:none}.navbar .menu-icon{display:block;position:absolute;right:1.5em}.menu{display:block}.home-container .home-card{height:auto;margin:1em auto}.home-content{padding:1em;text-align:center}.cards-container{box-shadow:none;flex-direction:column;height:auto;margin:1em auto;width:90%}.cards-container:hover{box-shadow:none}.card-1,.card-2{color:#000;margin-bottom:1em}.card-1,.card-2,.dev_me_img{left:0;position:relative;top:0;width:100%}.dev_me_img{margin:auto}.icons-container{bottom:0;flex-direction:row;justify-content:center;left:0;margin:1em 0;position:relative}.icons-container ul{display:flex;justify-content:center}.icons-container ul li{list-style-type:none;margin:1em;text-align:center}.icons-container ul li a{color:#000;padding:1em;text-decoration:none;transition:transform .3s,font-size .3s,background-color .3s}.icons-container ul li a:hover{transform:scale(1.2)}.icons-container ul li a:focus{box-shadow:none;outline:none}.social_media_icon{width:20px}.twin-btn{align-items:center;display:flex;flex-direction:column;margin:1em auto}.twin-btn button{background-color:#fff;border:none;border-radius:10px;box-shadow:0 2px 4px 0 #0003,0 1px 5px 0 #00000030;margin:.5em 0;outline:none;padding:1em;width:80%}.twin-btn button:hover{background-color:#000;color:#fff}.about-me-container{margin-top:5vh;padding:2em 1em}.about-me-title{font-size:20px;margin-bottom:1em;position:relative;text-align:center;top:0}.experience-education-container{flex-direction:column;margin:1em auto;text-align:center}.education-card,.experience-card{border-radius:10px;height:auto;margin:1em auto;width:80%}.education-card h2,.experience-card h2{font-size:18px}.my-description{margin:1em auto;position:relative;top:0;width:90%;word-spacing:5px}.experience-container{height:auto;margin-top:2em;padding:1em 0;text-align:center;width:100%}.experience-title{margin-bottom:1em;position:relative;text-align:center;top:0}.experience-title h2{font-size:24px}.experience-card-container{flex-direction:column;margin:1em auto}.education-card,.experience-card{margin-bottom:4%;margin-top:4%;padding:1em}.card-backend-dev,.card-frontend-dev{border-radius:10px;height:auto;margin:1em auto;width:100%}.role-title{font-size:18px;font-weight:700;margin-top:2em}.experince-languages{display:flex}.row-1{left:7%}.row-1,.row-2{margin:auto;position:relative;width:48%}.row-2{left:3.5%}.icon-experience{align-items:start;display:flex;flex-direction:column}.icon-experience .actual-icon{left:5%;position:relative;top:2.3vh;width:10px}.icon-experience p{color:#000;font-size:14px;left:20%;position:relative}.experience-level{color:#646464;font-size:14px;margin-left:20%;text-align:left;top:0}}
/*# sourceMappingURL=main.cbbcfc67.css.map*/