:root{--primary-color:#a9d8e8;--aboutme-color:#568b56;--black-text:black;--white-text:white;--heroBackground:#2a4365;--bordershadow:#08030373 0px 18px 150px -20px}.joti-one-regular{font-family:Joti One,serif;font-style:normal;font-weight:400}.playfair-display{font-optical-sizing:auto;font-family:Playfair Display,serif;font-style:normal;font-weight:400}.dark-theme{--primary-color:linear-gradient(to bottom, black, #1e1412);--aboutme-color:#568b56;--black-text:white;--white-text:black;--heroBackground:#568b56}*{box-sizing:border-box}html,body{max-width:100%;margin:0;overflow-x:hidden}html{scroll-behavior:smooth}.wrapper{width:100%;font-size:1.2rem}.container{width:80%;max-width:1400px;margin:auto}.background{background:var(--primary-color)}.background-aboutme{background:var(--aboutme-color);color:#fff}.background-hero{background:var(--heroBackground)}.background-footer{background:#000}.top-header{height:6vh;font-size:1rem;box-shadow:var(--bordershadow)!important}.top-header .container{justify-content:space-between;align-items:center;min-height:8vh;margin:0 auto;display:flex}.name-title{color:var(--black-text);justify-content:center;align-self:normal;align-items:center;gap:5px;margin-bottom:2vh;display:flex}.menu ul{gap:15px;display:flex}.menu ul li a{color:var(--black-text);text-decoration:none}.menu ul li{list-style:none}.menu ul li:hover{color:red;transform:scale(1.2)}.verticle-line{color:red;background-color:red;width:2px;height:18px}.hero{flex-direction:column;gap:10px;height:100vh;padding-top:10vh;font-size:1rem;display:flex;box-shadow:0 18px 150px -20px #00000040}.ch-background{cursor:pointer;position:fixed;left:50px}.ch-background .fa-circle-half-stroke{color:var(--black-text);font-size:1.5rem!important}.ch-background:hover{transition:all .5s;transform:scale(1.5)}.hero .container{justify-content:center;align-items:end;gap:5px;display:flex;position:relative}.hero-detail{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:0 0 15px 10%;display:flex}.hero-detail h5,h1,p{color:var(--white-text)}.download{background:#000;border-radius:15px;justify-content:center;align-items:center;width:150px;height:30px;display:flex}.download a{color:#fff;font-size:1rem;text-decoration:none;list-style:none}.img-yadin{border-radius:50%;width:150px;height:20vh}.experience{height:30vh;display:flex}.experience .container{border:1px solid var(--black-text);border-radius:30px;justify-content:center;align-items:center;gap:50px;height:100px;margin-top:60px;display:flex;position:relative;box-shadow:2px 19px 29px -16px #000}.award{background:var(--heroBackground);border-radius:50px;grid-area:award;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.fa-award{color:var(--white-text);font-size:40px}.experience-award{grid-template-areas:"award award-subject""award award-status";gap:15px;display:grid}.award-subject{color:var(--black-text);grid-area:award-subject}.award-status{color:orange;grid-area:award-status}.v-line{background-color:var(--black-text);width:2px;height:50px;color:var(--black-text);align-self:center}.clickTop{background:var(--black-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:4rem;display:flex;position:fixed;top:90%;left:90%}.clickTop a{color:var(--white-text);text-decoration:none}.skills{height:100vh}.skills .container{flex-direction:column;gap:30px;display:flex}.sub-skills{color:var(--black-text);flex-wrap:wrap;justify-content:space-between;gap:50px;display:flex}.subskill-flex{flex-direction:column;justify-content:flex-start;gap:5px;display:flex}.subskill-flex span{align-self:center}.title{color:var(--black-text);justify-content:center;padding-top:50px;padding-bottom:50px;font-size:2rem;-webkit-text-decoration:underline red;text-decoration:underline red;text-decoration-thickness:3px;display:flex}.subskill-flex span i{padding:10px;font-size:3rem}.projects{width:100%;height:100%;padding-bottom:20px}.projects-container{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.pro-title{color:var(--black-text);flex-direction:column;justify-content:center;align-items:start;padding-left:10px;font-size:1rem;display:flex}.card{background:var(--primary-color);border-radius:20px;width:auto;padding-bottom:3rem;box-shadow:0 18px 150px -20px #00000040}.card img{border-radius:20px;width:100%}.git-link{justify-content:center;align-items:center;gap:1rem;padding-top:10px;display:flex}.aboutme{height:100vh}.aboutme .container{flex-direction:column;justify-content:center;align-items:center;gap:50px;display:flex}.aboutme .container .content{letter-spacing:.2px;justify-content:space-between;gap:50px;font-size:1rem;display:flex}.aboutme-pic img{border-radius:20px}.aboutme-content,.aboutme-content p{color:var(--white-text)}.interest{gap:10px;display:flex}.contact{height:100vh;padding-top:50px}.contact-logo{flex-direction:column;justify-content:center;align-items:center;gap:50px;padding-top:100px;display:flex}.contact-link{gap:10px;font-size:2rem;display:flex}.email{background:var(--heroBackground);width:250px;height:40px;color:var(--white-text);border-radius:15px;justify-content:center;align-items:center;display:flex}.r-class{color:var(--black-text)}.footer{height:10vh;color:var(--white-text)}.footer .container{margin:0 auto}.footer .container div{justify-content:center;align-items:center;width:100%;padding-top:2.5vh;display:flex}.footer .container ul{gap:20px;display:flex}.footer .container div ul li{list-style:none}.footer .container div ul a{color:#fff;text-decoration:none}[for=ch-menu],#ch-menu{display:none}@media (width<=890px){.name-title{margin:1vh}.top-header .container{flex-direction:column}.hero{height:100%}.hero-detail{width:80%;margin-top:50px}.img-yadin{width:calc(100vw-150px);border-radius:50%;height:auto}.experience{width:100%;height:50vh;display:flex}.experience .container{flex-wrap:wrap;height:30vh}.experience-award{grid-template-columns:repeat(1,1fr)}.skills{height:100vh}.skills .container{flex-direction:column;gap:30px;display:flex}.projects-container{grid-template-columns:repeat(1,1fr)}.card,.card img{width:100%}.pro-title{text-align:center;font-size:1rem}.aboutme{height:100%;padding-bottom:10px}.aboutme .container .content{flex-direction:column;justify-content:center;align-items:center;gap:50px}.clickTop{cursor:pointer;width:50px;height:50px;top:80%;left:90%}[for=ch-menu]{cursor:pointer;display:block;position:absolute;top:1%;left:85%}[for=ch-menu] i{color:var(--black-text)}#ch-menu{display:none}.menu{z-index:1;position:absolute;top:40px;left:100%}.menu ul{cursor:pointer;background-color:var(--primary-color);flex-direction:column;gap:25px;width:200px;height:100vh;padding-top:10px;display:flex;box-shadow:2px 19px 29px -16px #000}.slide{left:80%}}@media (width<=576px){.name-title{margin:1vh}.experience{height:80vh}.experience .container{flex-direction:column;gap:0;height:65vh;margin-top:10%}.hero-detail{width:90%}.hero-detail h1{font-size:1.5rem}header .container{height:100%;margin-bottom:50px}.v-line{width:2px;height:50px;transform:rotate(90deg)}.skills{height:100vh}.skills .container{flex-direction:column;gap:30px;display:flex}.ch-background{left:20px}.projects{width:100%}.pro-title{text-align:center;font-size:1rem}.card,.card img{width:100%}.aboutme{height:100%;padding-bottom:10px}.aboutme .container .content{flex-direction:column;justify-content:space-between;gap:50px;height:100%;display:flex}.clickTop{cursor:pointer;width:50px;height:50px;top:80%;left:90%}[for=ch-menu]{cursor:pointer;display:block;position:absolute;top:1%;left:85%}[for=ch-menu] i{color:var(--black-text)}#ch-menu{display:none}.menu{z-index:2;display:none;position:absolute;top:40px;left:100%}.menu ul{cursor:pointer;background-color:var(--primary-color);z-index:1;flex-direction:column;gap:25px;width:150px;height:50vh;padding-top:10px;box-shadow:2px 19px 29px -16px #000}.slide{display:block;left:calc(100vw - 150px)}.footer{font-size:.8rem}}