@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;font-family:Poppins,sans-serif}html{font-size:62.5%}body{width:100%;height:100vh;overflow-x:hidden;background-size:cover;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-repeat:no-repeat;background-position:center;background:url(brush\ stroke.jpg)}header{position:fixed;top:0;left:0;width:100%;padding:1rem 9%;background-color:transparent;filter:drop-shadow(10px);display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:3px 3px 5px #0000001a}.logo{font-size:3rem;color:#b74b4b;font-weight:800;cursor:pointer;transition:.5s ease}.logo:hover{transform:scale(1.1)}nav{margin-left:auto}nav a{font-size:1.8rem;margin-left:4rem;font-weight:500;transition:.3s ease;border-bottom:3px solid transparent}nav a:hover,nav a.active{color:#b74b4b;border-bottom:3px solid #b74b4b}.sidebar{position:fixed;top:0;right:0;height:100vh;width:250px;z-index:999;background-color:#fff;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);box-shadow:-10px 0 10px #0000001a;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start}.sidebar a{width:100%}@media (max-width:800px){.hideOnMobile{display:none}}section{min-height:100vh;padding:5rem 9%}.home{display:flex;justify-content:center;align-items:center;gap:8rem}.home .home-content h1{font-size:6rem;font-weight:700;line-height:1.3}span{color:#b74b4b}.home-content h3{font-size:4rem;margin-bottom:1rem;font-weight:700}.home-content p{font-size:1.6rem}.home-img{border-radius:50%}.home-img img{position:relative;width:22vw;border-radius:50%;box-shadow:0 0 25px solid #b74b4b;cursor:pointer;transition:.2s linear}.home-img img:hover{font-size:1.8rem;font-weight:500}.social-icons a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;background-color:transparent;border:.2rem solid #b74b4b;font-size:2rem;border-radius:50%;margin:3rem 1.5rem 3rem 0;transition:.3s ease;color:#b74b4b}.social-icons a:hover{color:#000;transform:scale(1.3) translateY(-5px);background-color:#b74b4b;box-shadow:0 0 25px #b74b4b}.btn{display:inline-block;padding:1rem 2.8rem;background-color:#000;border-radius:4rem;font-size:1.6rem;color:#b74b4b;letter-spacing:.3rem;font-weight:600;border:2px solid #b74b4b;transition:.3s ease;cursor:pointer}.btn:hover{transform:scale3d(1.03);background-color:#b74b4b;color:#000;box-shadow:0 0 25px #b74b4b}.typing-text{font-size:34px;font-weight:600;min-width:280px}.typing-text span{position:relative}.typing-text span:before{content:"software Developer";color:#b74b4b;animation:words 20s infinite}.typing-text span:after{content:"";position:absolute;width:calc(100% + 8px);height:100%;border-left:3px solid black;right:-8;animation:cursor .6s infinite}@keyframes cursor{to{border-left:3px solid #b74b4b}}@keyframes words{0%,10%{content:"Software Developer"}21%,40%{content:"UI Designer"}41%,60%{content:"Medical Lab Scientist"}}@media (max-width: 1000px){.home{gap:4rem}}@media (max-width:995px){.home{flex-direction:column;margin:5rem 4rem}.home .home-content h3{font-size:2.5rem}.home-content h1{font-size:5rem}.home-img img{width:70vw;margin-top:4rem}}::-webkit-scrollbar{width:10px;scroll-behavior:smooth}::-webkit-scrollbar-track{background:#feeae3;border-radius:100px}::-webkit-scrollbar-thumb{background:#accbcd;border-radius:100px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}