*{margin:0;padding:0;box-sizing:border-box;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}html,body{width:100%;height:100%;background-color:#212529;color:#f8f9fa}.container{width:100%;display:grid;grid-template-columns:300px 1fr;padding:60px 40px}.menu{width:8vh;height:8vh;border-radius:50%;border:none;outline:none;cursor:pointer;background-color:#483d8b;color:#fff;font-size:20px;position:fixed;top:10px;right:20px;display:none;z-index:99}.side-part{width:30%;display:block;position:relative}.sidebar{width:40vh;background-color:#1e2124;box-shadow:3px 3px 10px #00000080,-3px -3px 5px #ffffff1a,inset 1px 1px 5px #ffffff1a,inset -1px -1px 5px #0000001a;padding:20px 30px 30px 20px;border-top-left-radius:50px;border-bottom-right-radius:50px;cursor:pointer;position:fixed;display:block}.first-links{width:100%;padding-block:20px;display:flex;flex-direction:column;gap:35px;font-size:18px;font-weight:500}.hover:hover,.hover a:hover{color:#483d8b}.hover a{color:#f8f9fa;text-decoration:none}.second-links{width:100%;display:flex;justify-content:space-between}.second-links i{width:40px;height:40px;background-color:#34373ad2;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:20px}.second-links a{text-decoration:none;color:#f8f9fa}.second-links i:hover{background-color:#483d8b;transition:background-color ease .2s}.main-media{width:100%}@keyframes animateLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes animateRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#home{width:100%;height:90vh;padding:5vh;gap:10vh;position:relative;overflow:hidden}.block-1{width:45%;height:100%;position:absolute;top:10px;left:10px;animation:animateLeft 1s linear}.block-2{width:50%;height:100%;position:absolute;top:0;right:10px;animation:animateRight 1s linear}.h-left{width:100%;padding:10px}.h-left h1{font-size:45px;padding-top:10px}.h-left h2{font-size:28px;padding-block:20px}.h-left h2 span{color:#483d8b;text-decoration:underline}.changing-text{position:relative}.changing-text:after{content:"";width:4px;height:100%;position:absolute;top:5px;background-color:#483d8b;animation:blink .5s linear infinite}@keyframes blink{0%{opacity:1}to{opacity:0}}.quote{font-size:20px;line-height:1.5;padding-block:20px;font-weight:100;word-spacing:2px;color:#e9ecef}.h-left button{width:22vh;height:8vh;margin-top:10px;margin-left:12px;border-radius:50px;cursor:pointer}.h-left button a{text-decoration:none}.btn-a{background-color:#483d8b;border:none;box-shadow:3px 3px 5px #000,-3px -3px 5px #6e6e6e1a,inset 1px 1px 2px #ffffff2f,inset -1px -1px 2px #000}.btn-a a{color:#fff}.btn-a:hover{transform:translateY(-2px)}.btn-b{background-color:transparent;border:none;outline:3px solid darkslateblue;font-weight:600;font-size:16px}.btn-b a{color:#483d8b}.btn-b:hover{background-color:#483d8b;outline:none;box-shadow:3px 3px 5px #000,-3px -3px 5px #6e6e6e1a,inset 1px 1px 2px #ffffff2f,inset -1px -1px 2px #000}.btn-b:hover a{color:#fff}.h-right{width:100%;height:100%;padding:5vh}.my-pic{width:90%;height:90%;border-radius:30px;position:relative}.my-pic:after{content:"";position:absolute;width:100%;height:100%;background-color:#483d8b;top:2vh;left:15px;border-radius:30px;box-shadow:-3px -3px 5px #00000080 inset}.my-pic img{width:100%;height:100%;object-fit:cover;border-radius:30px;position:absolute;z-index:9}#about{width:100%;height:145vh;display:flex;padding:5vh;position:relative;overflow:hidden}.block-3{width:45%;height:100%;position:absolute;top:10px;left:10px;opacity:0;transform:translate(0)}.block-4{width:50%;height:100%;position:absolute;top:0;right:10px;opacity:0;transform:translate(0)}.animate-left{animation:animateLeft 1s ease forwards}.animate-right{animation:animateRight 1s ease forwards}.a-left{width:100%;display:flex;justify-content:center}.folio-box{width:60vh;height:80vh;background-color:#343a40;display:flex;flex-direction:column;align-items:center;border-radius:40px;padding:30px;gap:10px;box-shadow:3px 3px 4px #00000080,-3px -3px 5px #ffffff1a,inset 1px 1px 2px #ffffff1a,inset -1px -1px 10px #000}.folio-box img{width:200px;border-radius:50%;border:5px solid darkslateblue}.folio-box a{width:100%;height:7vh;background-color:#1e2124;align-content:center;padding-inline:10px;border-radius:10px;box-shadow:3px 3px 5px #00000080,-3px -3px 20px #ffffff1a,inset 1px 1px 10px #ffffff1a,inset -1px -1px 10px #000}.folio-box a button{background-color:transparent;border:none;outline:none;color:#fff;font-size:16px;cursor:pointer}.a-right{width:100%;padding:10px}.btn-c{width:25vh;height:5vh;border-radius:15px;border:none;outline:none;background-color:#483d8b;color:#fff;box-shadow:3px 3px 3px #000000b3,-3px -3px 20px #ffffff1a,inset 1px 1px 5px #ffffff1a,inset -1px -1px 2px #000}.a-right h1{font-size:36px;padding-block:20px}.a-p{font-size:18px;text-align:justify}.achievement{width:100%;height:20vh;display:flex;justify-content:space-evenly;background-color:#343a40;align-items:center;margin-block:5vh;border-radius:30px;box-shadow:3px 3px 3px #000000b3,-3px -3px 2px #ffffff1a,inset 1px 1px 5px #ffffff1a,inset -1px -1px 2px #000}.first,.second,.third{text-align:center;line-height:2;font-size:16px}.first p,.second p,.third p{font-size:28px;font-weight:900;color:#554aa1}.myself{width:100%;height:25vh;display:grid;grid-template-columns:repeat(2,1fr);padding:20px;gap:40px;font-size:17px}.myself span{color:gray}.resume button{width:100%;height:8vh;border-radius:10px;border:none;outline:none;margin-top:20px;background-color:#483d8b;cursor:pointer;color:#fff;font-size:18px;box-shadow:3px 3px 3px #000000b3,-3px -3px 5px #6e6e6e1a,inset 1px 1px 5px #ffffff2f,inset -1px -1px 10px #000}.resume button:hover{transform:translateY(-2px)}#skill{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}#skill p{font-size:18px;margin-bottom:4vh}.s-h1{font-size:40px;position:relative}.s-h1:before{content:"________";position:absolute;top:-30%;left:-20vh;color:#483d8b}.s-h1:after{content:"________";position:absolute;top:-30%;right:-20vh;color:#483d8b}.circle{width:90vh;height:90vh;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center}.circle-inner{width:90%;height:90%;position:absolute;border-radius:50%;animation:rotate 30s linear infinite}.circle-inner div{width:10vh;height:10vh;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute}.c1{top:0%;left:50%;transform:translate(-50%,-50%)}.c2{top:15%;left:15%;transform:translate(-50%,-50%)}.c3{top:15%;right:15%;transform:translate(50%,-50%)}.c4{top:50%;left:0%;transform:translate(-50%,-50%)}.c5{top:50%;right:0%;transform:translate(50%,-50%)}.c6{bottom:15%;left:15%;transform:translate(-50%,50%)}.c7{bottom:15%;right:15%;transform:translate(50%,50%)}.c8{bottom:0%;left:50%;transform:translate(-50%,50%)}.c1 img,.c2 img,.c3 img,.c4 img,.c5 img,.c6 img,.c7 img,.c8 i{width:100%;height:100%;object-fit:cover;border:5px solid darkslateblue;border-radius:50%;box-shadow:4px 4px 1px #000,-1px -1px 1px #6e6e6e1a,inset 1px 1px 5px #ffffff1a,inset -2px -2px 1px #000;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:36px;color:green}@keyframes rotate{0%{transform:rotate(0);width:100%;height:100%}50%{transform:rotate(360deg);width:60%;height:60%}to{transform:rotate(720deg);width:100%;height:100%}}#folio{width:100%;text-align:center;margin-top:50px}#folio h1{font-size:50px}.f-p{text-align:left;padding-inline:30px;font-size:30px}.folios{width:100%;height:100%;padding:50px 20px;display:flex;flex-wrap:wrap;gap:10vh}.folios .img{width:65vh;height:75vh;background-color:#1e2124;padding:10px;border-radius:20px;box-shadow:3px 3px 10px #00000080,-3px -3px 5px #ffffff1a,inset 1px 1px 5px #ffffff1a,inset -1px -1px 5px #0000001a}.img .mainImg{width:100%;height:230px;overflow:hidden}.img img{width:100%;height:230px;object-fit:contain}.folio-name{font-size:20px;font-weight:600;margin-block:10px}.btn-4{padding:6px 10px;border-radius:20px;border:none;outline:none;margin-block:10px}.img a button{width:30vh;height:6vh;border-radius:10px;border:none;margin-block:20px;outline:none;background-color:#483d8b;cursor:pointer;color:#fff;font-size:16px;box-shadow:3px 3px 3px #000000b3,-3px -3px 5px #6e6e6e1a,inset 1px 1px 5px #ffffff2f,inset -1px -1px 10px #000}#social-links{width:100%;height:100vh;padding:20px}.so-h1{text-align:center;font-size:40px;padding-block:30px}.so-h2{font-size:30px;padding-bottom:30px}.stack{width:100%;height:80vh;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;position:relative;overflow:hidden}.stack a i{font-size:24px}.btn-5{width:70vh;height:10vh;font-size:18px;text-align:left;padding:10px;border-radius:10px;border:none;outline:none;color:#fff;background-color:#483d8b;box-shadow:3px 3px 1px #000000b3,-3px -3px 1px #6e6e6e80,inset 1px 1px 1px #ffffff1a,inset -1px -1px 4px #000;cursor:pointer}.btn-5:hover{transform:translateY(-10%)}.b-1,.b-3,.b-5{position:absolute;left:10px;opacity:0;transform:translate(0)}.b-2,.b-4{position:absolute;right:10px;opacity:0;transform:translate(0)}.b-1,.b-2{top:10px}.b-3,.b-4{top:15vh}.b-5{top:30vh}#contact{width:100%;height:120vh;padding:20px;margin-bottom:30px}#contact h1{text-align:center;font-size:50px;padding-block:30px}#contact h2{font-size:30px;padding-bottom:30px}.form{width:100%;height:78vh;background-color:#1e2124;border-radius:20px;padding:20px;box-shadow:3px 3px 10px #00000080,-3px -3px 5px #ffffff1a,inset 1px 1px 5px #ffffff1a,inset -1px -1px 5px #0000001a}.input-group{position:relative;margin-top:30px}.contact-input{width:100%;height:7vh;padding:10px 10px 10px 5px;border:none;outline:none;background-color:transparent;border-bottom:2px solid white;color:#fff;font-size:16px;z-index:1}.contact-input:focus{border-bottom:2px solid grey}textarea.contact-input{height:20vh;resize:none}.input-group label{position:absolute;top:20%;left:5px;transform:translateY(-50%);color:#ffffffb3;font-size:16px;pointer-events:none;transition:.3s ease;padding:0 5px}.contact-input:focus+label,.contact-input:valid+label{top:-10px;font-size:12px;color:#ccc}footer{width:100%;height:8vh;background-color:#000;text-align:center;padding-top:20px}@keyframes appear{0%{opacity:0}to{opacity:1}}.block{animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 25%}@media only screen and (max-width: 1024px){.container{padding:0;grid-template-columns:1fr}.side-part{position:fixed;display:none;z-index:1;top:10vh;left:20px}.sidebar{width:30vh}.menu{display:block}#home{height:70vh}.block-1{width:50%;height:50vh;top:10vh;left:10px}.block-2{width:50%;height:50vh;top:5vh;right:10px}.my-pic img{width:30vh;height:40vh}.my-pic:after{content:"";position:absolute;width:30vh;height:40vh}#about{height:105vh}.block-3{width:40%;height:100%;top:10px;left:3vh}.block-4{width:50%;top:10px;right:1vh;padding:20px}.folio-box{height:55vh}.resume button{margin-top:0vh}#folio{width:100%;margin-block:10vh}.folios{width:100%;height:100%;padding:0;display:flex;flex-direction:column;margin-block:5vh}.folios .img{width:45vh;height:55vh;padding:30px;margin-left:12vh}.img img{width:100%;height:300px;object-fit:contain}.folio-name{margin-block:30px 10px}.btn-4{margin-block:30px}.descript{font-size:18px;margin-block:20px}.img a button{width:100%;height:6vh;margin-top:50px}#social-links{height:80vh}.b-1,.b-2{top:10px}.b-3,.b-4{top:15vh}.b-5{top:30vh}.btn-5{width:47%}.circle{width:65vh;height:65vh}.circle-inner{width:80%;height:80%}.circle-inner div{width:10vh;height:10vh}#contact{padding:0 0 0 10px}.form{width:100%}}@media only screen and (max-width: 900px){#home{height:100vh}.block-1{width:100%;top:52vh;left:10vh}.block-2{width:100%;height:70vh;border-radius:50%;top:0vh;left:10vh}.h-right,.my-pic{border-radius:50%}.my-pic img{width:40vh;height:40vh;border-radius:50%}.my-pic:after{content:"";position:absolute;width:40vh;height:40vh;top:2vh;left:15px;border-radius:50%}#folio{width:100%;margin-block:10vh}.folios{width:100%;height:100%;padding:0;display:flex;flex-direction:column;margin-block:5vh}.folios .img{width:45vh;height:65vh;padding:30px;margin-left:12vh}#about{height:140vh}.circle{width:45vh;height:45vh}.circle-inner{width:50%;height:50%}.circle-inner div{width:8vh;height:8vh}}@media only screen and (max-width: 800px){.folios .img{width:45vh;height:65vh;padding:30px;margin-left:12vh}.folio-name,.btn-4{margin-block:10px}.img a button{width:100%;height:6vh;margin-top:20px}}@media only screen and (max-width: 767px){.menu{right:6vh}#home{height:100vh;padding:2vh}.block-1{left:6vh}.block-2{width:100%;height:70vh;border-radius:50%;top:0;left:8vh}.block-3{width:100%;top:10px;left:10px}.block-4{width:100%;top:60vh;left:1vh}.folio-box{width:50vh;height:50vh}#about{height:165vh}.folios .img{margin-left:6vh}#social-links{height:80vh}}@media only screen and (max-width: 600px){.block-1{width:100%;top:50vh;left:6vh}.block-2{width:100%;height:70vh;border-radius:50%;left:10vh}#about{height:210vh}.block-4{top:80vh}.folio-box{width:60vh;height:80vh}.folios .img{width:65vh;height:85vh;padding:30px;margin-left:5vh}.folio-name{margin-block:0px}.btn-4{margin-block:10px}.descript{font-size:18px;margin-block:20px}.img a button{width:100%;height:6vh;margin-top:10px}.b-1{top:10px}.b-2{top:15vh;left:10px}.b-3{top:30vh}.b-4{top:45vh;left:10px}.b-5{top:60vh}.btn-5{width:90%}#social-links{height:100vh}}@media only screen and (max-width: 480px){#home{height:110vh;padding:0vh}.block-1{width:100%;top:40vh;left:1vh}.block-2{width:100%;height:70vh;border-radius:50%;top:10px;left:0vh}.my-pic img{width:30vh;height:30vh}.my-pic:after{content:"";position:absolute;width:30vh;height:30vh;top:2vh;left:15px}#about{height:200vh}.folio-box{width:40vh;height:65vh}.block-3{left:0}.block-4{top:70vh;left:0}.s-h1:before{content:"_____";left:-10vh}.s-h1:after{content:"_____";right:-10vh}.circle{width:30vh;height:30vh}.circle-inner{width:100%;height:100%}.circle-inner div{width:5vh;height:5vh}.folios .img{width:44vh;height:75vh;padding:30px;margin-left:4px}.folio-name{margin-block:0px}.btn-4{margin-block:10px}.descript{font-size:16px;margin-block:20px}.img a button{width:100%;height:6vh;margin-top:10px}.form{width:95%;margin-left:10px}}@media only screen and (max-width: 400px){#about{height:235vh}.resume button{margin-top:10vh}.folio-box{width:45vh;height:75vh}.block-4{top:80vh}.s-h1:before{content:"_____";left:-14vh}.s-h1:after{content:"_____";right:-14vh}.folios .img{width:45vh;height:70vh;padding:30px;margin-left:2px}.img img{margin-top:-5vh}}@media only screen and (max-width: 380px){.folios .img{width:52vh;height:78vh;padding:30px;margin-left:2px}.img img{height:180px;margin-top:1vh}.btn-4{margin-block:10px 5px}.descript{font-size:14px;margin-block:10px}}@media only screen and (max-width: 360px){.folios .img{width:52vh;height:70vh;padding:30px;margin-left:2px}}@media only screen and (max-width: 345px){.folios .img{width:38vh;height:60vh;padding:30px;margin-left:2px}}