*{padding:0;margin:0;box-sizing:border-box;font-family:Clash Display,sans-serif;color:#d1d5db}body{background-color:#000}.container{height:100vh}.navbar{width:90%;margin:auto;display:flex;flex-wrap:wrap;padding:25px 0;place-items:center;justify-content:space-between}.navbar .line{border:1.5px solid;width:50px;margin:6px}.navbar{letter-spacing:2px}.navbar .time{font-size:larger;letter-spacing:2px}.section{padding:20px 30px;height:55vh}.front-end{display:flex;flex-wrap:wrap;gap:2px;place-items:center}.line2{height:1px;border:2px solid #D1D5DB;width:200px}.main-heading{display:flex;justify-content:center;align-items:center;gap:100px;margin-top:20px}.main-heading img{height:250px;width:250px;border-radius:200px}.hey{color:#fdba74;font-size:40px}.hey:hover{color:#fff}.there{color:azure;font-size:20px;margin-bottom:20px}.im{color:gray;font-size:40px;padding:10px}.im:hover{color:#fdba74}.parul{color:#fdba74;font-size:50px}.parul:hover{text-decoration:underline}.main-div{display:flex;flex-direction:column}.linkdin:hover,.insta:hover{text-decoration:underline;background-color:#000}.dev{font-size:5rem;font-weight:800;letter-spacing:10px;cursor:pointer;word-wrap:break-word}.dev:hover{color:#fdba74}.logo-text{display:flex;flex-wrap:wrap;place-items:center;padding:10px 30px;margin-top:10px;justify-content:space-between}.lets-talk{text-align:end;margin-top:0}.lets-talk p{margin-top:20px}.lets-talk p:nth-of-type(3):hover{text-decoration:underline}.menuLink{background-color:#e44b4b;color:#fff;width:100%;height:100vh;animation:myAnim 1s ease 0s 1 normal forwards}.close-btn{float:right;padding:10px 30px;font-size:x-large;cursor:pointer}.homePage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mainLink{text-align:center}.mainLink p{font-size:90px;font-weight:800}.mainLink span{font-size:x-large;margin:30px;cursor:pointer}.mainLink p a:hover{cursor:pointer;color:#000000dc}.logo-img{animation:rotation 6s infinite linear;border-radius:100px}@keyframes myAnim{0%{animation-timing-function:ease-in;opacity:0;transform:translateY(-250px)}to{animation-timing-function:ease-out;transform:translateY(0)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.front{animation:abc 1s ease 0s 1 normal forwards}@keyframes abc{0%{animation-timing-function:ease-in;opacity:0;transform:translate(-250px)}to{animation-timing-function:ease-out;transform:translate(0)}}.end{animation:end 1s ease 0s 1 normal forwards}.end img{border-radius:100px;height:200px;width:200px}@keyframes end{0%{animation-timing-function:ease-in;opacity:0;transform:translate(250px)}to{animation-timing-function:ease-out;transform:translate(0)}}.developer{animation:developer 2s ease 0s 1 normal forwards;font-size:110px}@keyframes developer{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}article{width:90%;margin:100px auto auto;padding:6px 10px}article h1{font-size:50px;margin:30px 0;letter-spacing:5px}article p{word-spacing:3px;letter-spacing:2px;font-size:x-large;color:gray}p:hover{color:#d1d5db}.ribbon-box{margin:30px 0;z-index:1000;position:relative;height:250px}.ribbon-box p{font-size:larger;margin:30px 0;padding:30px 60px;color:gray}.ribbon{overflow:hidden;padding:10px 0;position:absolute;width:100%}.ribbon1{width:100%;z-index:12;transform:rotate(-2deg);background-color:#e83434}.ribbon2{transform:rotate(2deg);background-color:#2e2e2e}.back div,.run div{width:max-content;display:flex;gap:10px;place-items:center}.ribbon span{margin-left:10px;z-index:12;color:#fff;font-size:40px}.run{overflow:hidden;animation:run 7s ease 3s infinite normal}@keyframes run{0%{transform:translate(-110%)}50%{transform:translate(10%)}to{transform:translate(100%)}}.back{overflow:hidden;animation:back 7s ease 3s infinite normal}@keyframes back{0%{transform:translate(100%)}50%{transform:translate(10%)}to{transform:translate(-100%)}}.about{width:80%;display:flex;flex-wrap:wrap;gap:20px;flex-direction:column;margin:6% auto}.about .arrow-left{font-size:2rem;display:block;cursor:pointer}.about h1{margin:10px 0;letter-spacing:2px;font-weight:800}.about p{margin:10px 0;letter-spacing:1px}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.logo-name{display:flex;flex-wrap:wrap;gap:10px}.logo-name span{transition:all .2s ease-in}.logo-name span:hover{color:#fdba74;cursor:pointer}a{text-decoration:none}.blog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog p{font-size:larger}footer .intro{padding:20px 0;border:2px solid white;border-right:none;border-left:none;overflow:hidden}footer .intro p a{transition:all .2s ease-in;font-size:x-large}footer .intro p a:hover{color:#fdba74}.mail-box{font-size:xx-large;font-size:4rem;margin:30px 0;text-align:center;color:#2e2e2e}.mail-box a{color:#2e2e2e;transition:all .4s ease-in}.mail-box a:hover{color:#fdba74}.sirsa{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%;margin:40px auto}.project-section{width:90%;margin:auto auto 50px;padding:10px 0}.project-section h1{letter-spacing:5px;font-weight:600;margin:20px 0;font-size:50px}.project-section .pro-intro{letter-spacing:2px;margin:20px 0;color:gray}.project-section .project div{border-radius:6px;padding:10px;background-color:#e83434;cursor:pointer;display:flex;flex-wrap:wrap;flex-direction:column;gap:12px;width:300px;margin:auto}.project div:hover{border-radius:20px}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;place-content:center;justify-content:center}.project-section .project div h3,.project-section .project div i,.project-section .project div p{color:#fff;font-size:large}.project-section .project div span{text-align:end}.back,.run{display:flex}@media screen and (max-width: 680px){.main-div{display:none}.logo-grid,.proj-grid{grid-template-columns:repeat(1,1fr)}.mail-box a{font-size:25px;color:#fdba74}.ribbon-box p{padding:10px 30px}.dev{color:#fdba74;font-size:60px}.line2{display:none}.lang-logo{grid-template-columns:repeat(2,1fr)}.ribbon span{font-size:20px}.developer{font-size:2.793rem}.end img{display:none}}