:root{--btn-color: #007bff;--btn-hover-color: #1a52f8}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{margin:0;padding:0}.narbar{display:grid;grid-template-columns:auto auto;z-index:100;top:0;position:sticky;width:100%;font-weight:700;height:4rem;padding:1rem;background-color:#000;font-size:large}.narbar a{color:#fff}.narbar a:hover{color:#4c6ff0}.welcome{display:flex;height:100%;width:100%;flex-direction:row;justify-content:start;align-items:center;padding-left:2rem}.welcome img{height:60px;width:auto;margin-right:1rem;border-radius:50%;border:2px solid rgb(92,79,79);transition:transform .3s ease}.welcome img:hover{transform:scale(2.5)}.links{display:flex;align-items:center;justify-content:space-evenly}.resume{font-size:small}.project-h1{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0;color:var(--btn-color)}.foodRecipeLink{color:#249c19;font-size:1.3rem;font-weight:700;text-decoration:underline}.home-container{padding:2rem;color:#fff;width:100%;height:95vh;display:grid;grid-template-columns:3fr 2fr;background-image:url(https://res.cloudinary.com/dchrtkvvw/image/upload/v1752788191/technology-7111752_1920_nettur.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%}.description{display:flex;flex-direction:column;padding:2rem;margin-bottom:3rem;margin-left:1rem}.description p{line-height:2}.name-div{display:flex;flex-direction:row}.my-name{cursor:pointer;margin-left:1rem;color:#baeba6}.my-name:hover{cursor:pointer;margin-left:1rem;color:#6caa53}.image-div{display:flex;padding:2rem;justify-content:center;align-items:end;box-shadow:2px 5px 10px #fff}.email-div{display:flex;flex-direction:row}.contact-me{margin-top:auto}.contact-me a{color:#baeba6}.contact-me a :visited{color:#48e908}@media (max-width: 768px){.home-container{flex-direction:column;height:auto;padding:1rem}.image-div{position:relative;width:100%;margin-top:2rem}.my-image{position:static;width:100%;max-width:300px;display:block;margin:0 auto}.description{align-items:center;text-align:center}.name-div{justify-content:center}}.about-container{color:#fff;display:grid;grid-template-columns:1fr 3fr;height:100%;padding:4rem;background-color:#444;background-image:url(https://www.transparenttextures.com/patterns/axiom-pattern.png);background-repeat:repeat;background-size:auto;overflow-y:auto;line-height:1.6}.about-container p{font-size:large;color:#e0f0ff;max-width:800px;margin:0 auto}.about-container a{color:#48e908}.about-container ul{margin-left:2rem}.about-container h2{color:#71db86}.contact-container{height:100vh;width:auto;background-color:#444;background-image:url(https://www.transparenttextures.com/patterns/axiom-pattern.png);background-repeat:repeat;background-size:auto;display:flex;align-items:center;justify-content:center}.form-container{width:60%;max-width:600px;margin:4rem auto;padding:2rem;background-color:#f9f9f9;border-radius:1rem;box-shadow:0 8px 16px #0000001a;font-family:sans-serif;display:flex;flex-direction:column;gap:1.5rem}.input-container,.textarea-container{display:flex;flex-direction:column}label{font-weight:700;margin-bottom:.5rem}input,textarea{padding:.75rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;width:100%;box-sizing:border-box}input:focus,textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-container button{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;align-self:flex-start;transition:background-color .2s ease}.form-container button:hover{background-color:#0056b3}p{margin-top:1rem;font-weight:500}@media (max-width: 768px){.home-container{display:flex;flex-direction:column;height:auto;padding:1rem;background-size:cover;background-attachment:scroll}.description{align-items:center;text-align:center;padding:1rem}.name-div{justify-content:center;flex-direction:column}.image-div{width:100%;padding:1rem 0;box-shadow:none}.my-image{width:100%;max-width:250px;display:block;margin:0 auto}.email-div{justify-content:center;gap:.5rem}.contact-me{text-align:center;margin-top:2rem}.about-container{display:flex;flex-direction:column;padding:2rem 1rem}.about-container p{text-align:center}.about-container ul{margin-left:1rem;padding-left:1rem}.contact-container{padding:2rem 1rem;height:auto;height:100%}.form-container{width:100%;margin:2rem auto;padding:1rem}}.footer-div{position:fixed;bottom:0;justify-items:center;padding-bottom:5px;width:100%;color:#fff;height:2.5rem;background-color:#000}.line{border:1px solid blue;margin-top:1rem;margin-bottom:1rem}.email-div{display:flex;align-items:center;gap:.5rem;margin-top:1rem;margin-bottom:1rem}.email-icon{height:2rem;width:2rem}.gmail-div{margin-top:auto}.gmail-div a{color:#baeba6;text-decoration:none}.gmail-div a:visited{color:#48e908}#resume{color:#46f500}.TTT-container{height:400px;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;margin-top:2rem}.main-container{display:grid;justify-content:center;align-items:center;grid-template-columns:1fr 1fr 1fr}.board{margin-left:1rem;margin-right:1rem;display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px)}.board button{color:red;font-size:larger}.item{font-weight:700;border-color:#492afa;border-radius:0%;font-size:3rem}.result{margin-top:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.result button{margin-top:1rem;padding:.75rem 1.5rem;background-color:var(--btn-color);color:#fff;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.result button:hover{background-color:var(--btn-hover-color)}.winner{color:red}.stopwatch-container{height:400px;width:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem}.clock{border:4px solid black;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:250px;width:500px;border-radius:2rem}.time,.buttons{display:flex;justify-content:space-evenly;margin-top:10px}.buttons button{border-radius:5px;margin:5px;padding:5px 20px;color:#fff}.start{background-color:#15ff00}.start:hover{background-color:#35d926}.stop{background-color:red}.stop:hover{background-color:#d92626}.reset{background-color:#05f}.reset:hover{background-color:#406abf}.time h1{font-size:3.5rem;font-weight:700}.github-profile-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.search{display:flex;flex-direction:row}.user{margin-top:3rem;margin-bottom:3rem;width:80%;height:350px;display:flex;justify-content:center;border:solid;border-color:#867f7f}.user-card{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;font-weight:700;width:80%;height:100%}.oneline{display:flex;flex-direction:row;justify-content:space-around;width:50%}.oneline a{color:#00f;text-decoration:underline}.user-card img{width:150px;border-radius:50%;height:auto}.git-btn{border-radius:10px;margin-left:1rem;padding:0 1rem;background-color:var(--btn-color);color:#fff;font-weight:700;border:none;cursor:pointer}.QRCode-div{display:flex;align-items:center;flex-direction:column}.QRCode-form{display:flex;flex-direction:row;margin:1rem 0}.QRCode-btn{border-radius:10px;margin-left:1rem;padding:0 1rem;background-color:var(--btn-color);color:#fff;font-weight:700;border:none;cursor:pointer}.weather-app-div{justify-self:center;width:600px;height:500px;background-color:#5bdb44;border-radius:20px;display:flex;flex-direction:column;align-items:center}.weather-input-div{margin:2rem}.weather-input{background-color:#fff;border-radius:5px;width:400px;height:40px;margin-right:1rem}.weather-btn{border-radius:5px;background-color:#000;color:#fff;padding:5px}.location-div{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.sub-div{display:flex}.wind-speed-div,.humidity-div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem 2rem;font-weight:700}.temp{font-size:3rem;font-weight:700;cursor:pointer;margin-top:1rem}.city{font-weight:700;font-size:xx-large}.ClickToShow-div{display:flex;flex-direction:column;height:75vh}.btn-div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.show-buttons{padding:1rem;margin:1rem;color:#fff;font-weight:700;background-color:var(--btn-color);border-radius:10px;border:none}.show-buttons:hover{background-color:#3c3ce2}.floor-web{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:auto;padding:1rem;font-size:2rem;font-weight:700}.floor-web a{color:#48e908}.down-arrow{font-size:2rem;color:#007bff}.down-arrow.bounce{animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}.calculator-btn{margin:3px;background-color:#9c9191;color:#fff;border-radius:7px;height:2rem;font-weight:700}.calculator-sign-btn{margin:3px;background-color:#4dacbe;color:#fff;border-radius:5px;height:2rem;font-weight:700}.calculator-div{display:flex;justify-content:center;align-items:center;margin-top:2rem;margin-bottom:2rem}.main{height:400px;width:250px;background-color:#2a2929;display:flex;flex-direction:column;justify-content:space-evenly;border-radius:10px;padding:10px 5px}.display{display:flex;justify-content:end;align-items:center;background-color:#7676de;color:#fff;margin:0 10px 1px;padding:3px;height:2rem}.operators{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:5px;margin-right:5px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;margin-left:5px;margin-right:5px}.equal{display:grid;grid-template-columns:1fr;margin:10px}.equal-btn{background-color:#4dacbe;color:#fff;font-weight:700;height:2rem}