*{box-sizing:border-box;margin:0;padding:0}body{font-weight:400;height:100%}body,h1,h2,h3,h4,h5{font-family:IBM Plex Sans Hebrew}h1,h2,h3,h4,h5{font-weight:700}html{font-size:100%}h1{font-size:4.21rem}h2{font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}div{color:#0d0b0e;color:var(--text-950)}:root{--text-50:#f2f1f4;--text-100:#e6e2e9;--text-200:#ccc5d3;--text-300:#b3a9bc;--text-400:#998ca6;--text-500:#7f6f90;--text-600:#665973;--text-700:#4c4356;--text-800:#332c3a;--text-900:#19161d;--text-950:#0d0b0e;--background-50:#f1f1f4;--background-100:#e3e3e8;--background-200:#c6c6d2;--background-300:#aab;--background-400:#8e8ea4;--background-500:#71718e;--background-600:#5b5b71;--background-700:#445;--background-800:#2d2d39;--background-900:#17171c;--background-950:#0b0b0e;--primary-50:#f2f1f4;--primary-100:#e5e2e9;--primary-200:#cac6d2;--primary-300:#b0a9bc;--primary-400:#958da5;--primary-500:#7b708f;--primary-600:#625a72;--primary-700:#4a4356;--primary-800:#312d39;--primary-900:#19161d;--primary-950:#0c0b0e;--secondary-50:#f4f2f1;--secondary-100:#e8e6e3;--secondary-200:#d2ccc6;--secondary-300:#bbb3aa;--secondary-400:#a4998e;--secondary-500:#8e8071;--secondary-600:#71665b;--secondary-700:#554d44;--secondary-800:#39332d;--secondary-900:#1c1a17;--secondary-950:#0e0d0b;--accent-50:#f3f4f1;--accent-100:#e7e8e3;--accent-200:#cfd2c6;--accent-300:#b7bbaa;--accent-400:#9fa48e;--accent-500:#878e71;--accent-600:#6c715b;--accent-700:#515544;--accent-800:#36392d;--accent-900:#1b1c17;--accent-950:#0d0e0b}.navItem--title{font-size:1.5rem;font-weight:700;margin:1rem}.navItem--page,.navItem--title{color:var(--text-800);cursor:pointer;text-decoration:none}.navItem--page{border-radius:.25rem;display:block;padding:20px}.active:not(.navItem--title){font-weight:700}a:hover:not(.navItem--title){background-color:var(--primary-400)}nav{align-items:center;background-color:var(--primary-500);justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}nav,nav ul{display:flex}nav ul{list-style:none;margin:0;overflow:hidden;padding-right:2.5rem}nav .menu{align-items:center;cursor:pointer;display:none;height:4rem;justify-content:center;position:absolute;right:0;width:4rem}nav .menu .icon{color:var(--text-800);font-size:2rem}nav .title{color:var(--accent-700)}@media (max-width:768px){nav .menu{display:flex}nav{align-items:start}nav,nav ul{flex-direction:column}nav ul{display:none;margin-bottom:.25rem;padding-right:0;width:100%}nav ul.open{display:flex}nav ul li{text-align:center;width:100%S}}.App{background-color:var(--background-50);display:flex;flex-direction:column;min-height:100vh;width:100%}.main--body{display:flex;flex-grow:1}.greeting--main{display:flex;flex:1 1;margin:4rem 3rem 0;padding:20px 10px}.greeting--main>*{flex:1 1;height:500px;margin-bottom:30px}.greeting--text--title{color:var(--text-800);font-size:70px;line-height:1.5;margin-top:80px}.greeting--text--nickname{color:var(--accent-700);font-size:30px}.greeting--text--subtext{color:var(--text-600);font-size:40px;line-height:40px;margin-right:40px}.greeting--text-div{flex:1 1;width:auto}.greeting--image--div{align-content:center;flex:1 1;width:auto}.greeting--image{width:100%}.media--resume--div{background-color:var(--accent-500);border-color:var(--accent-600);border-radius:1rem;border-style:solid;border-width:4px;margin:1rem .2rem .2rem;padding:.2rem;width:-webkit-fit-content;width:fit-content}@media (max-width:1380px){.greeting--text--title{font-size:50px}.greeting-text-p{font-size:20px}}@media (max-width:768px){.greeting--text--title{font-size:30px;margin-top:0;text-align:center}.greeting--text--nickname{font-size:12px;text-align:center}.greeting--text--subtext{font-size:16px;line-height:normal;margin-right:0;text-align:center}.greeting--main{display:block}.media--resume--div{justify-self:center}.greeting--image--div,.greeting--text-div{height:-webkit-fit-content;height:fit-content}}.social--button{align-items:center;border-radius:2.6rem;cursor:pointer;display:flex;font-size:1.6rem;height:2.6rem;justify-content:center;margin:.2rem;position:relative;width:2.6rem}.socials--div{display:flex;font-size:2em}.image-grid{grid-gap:10px;aspect-ratio:1/1;display:grid;gap:10px;margin:auto;max-width:600px;width:100%}.image-grid-1{grid-template-columns:1fr}.image-grid-2,.image-grid-3,.image-grid-4{grid-template-columns:1fr 1fr}.image-grid-3,.image-grid-4{grid-template-rows:1fr 1fr}.image-wrapper{border-radius:8px;cursor:zoom-in;height:100%;overflow:hidden;width:100%}.image-wrapper.image-span-2{grid-column:1/span 2}.grid-image{height:100%;object-fit:cover;transition:transform .3s ease-in-out;width:100%}.image-wrapper.single-image .grid-image{object-fit:contain}.grid-image:hover{transform:scale(1.05);z-index:1}.image-span-2{grid-column:1/span 2}.image-overlay{align-items:center;background-color:#000000d9;cursor:zoom-out;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.zoomed-image{border-radius:10px;box-shadow:0 0 20px #ffffff4d;cursor:auto;max-height:90%;max-width:90%;transform:scale(1);transition:transform .3s ease-in-out}.zoomed-image:hover{transform:scale(1.02)}.nav-button{background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:3rem;padding:0 20px;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;z-index:1000}.nav-button:hover{background:#fff6}.nav-button.prev{left:20px}.nav-button.next{right:20px}@media (max-width:600px){.image-grid{display:flex;flex-direction:column;margin:0;padding:0}.image-wrapper{border-radius:0;margin:0;overflow:hidden;padding-top:100%;position:relative;width:100%}.image-wrapper img{display:block;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.image-wrapper+.image-wrapper{margin-top:0}.image-wrapper:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.image-wrapper:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}}.info--header{font-size:60px;line-height:normal;margin:6rem 0 auto;text-align:center}.info--div{display:flex;flex-direction:row;margin:1rem 3rem 0}.skills--div{height:-webkit-fit-content;height:fit-content;margin:0 .2rem .2rem;padding:20px 10px;width:auto}.sub--header{color:var(--accent-700);font-size:40px}.bullet--points--text{height:-webkit-fit-content;height:fit-content;width:auto}.bullet--points--text,.images--div{margin:0 .2rem .2rem;padding:20px 10px}.images--div{min-height:-webkit-max-content;min-height:max-content;width:100%}@media (max-width:1380px){.info--header{font-size:50px}}@media (max-width:768px){.info--header{font-size:30px}.info--div{display:flex;flex-direction:column}.sub--header{font-size:20px}.skills--div,.sub--header{text-align:center}.bullet--points--text{text-align:left}}.skill--icon{display:inline-block;list-style:none;margin:10px;padding-left:0;text-align:center}.tooltip--container{display:inline-block;position:relative}.tooltip--text{background-color:#000c;border-radius:4px;color:#fff;font-size:12px;padding:10px;position:absolute;top:2.2rem;width:-webkit-fit-content;width:fit-content;z-index:1}.skills--container{font-size:2rem;padding:20px 10px}.greeting--bulletpoint{color:var(--text-600)}.main--body{flex-direction:column}.container{align-items:center;display:flex;flex-grow:1;justify-content:center}.box{border-color:var(--background-100);border-radius:1.2rem 1.2rem 1.2rem 1.2rem;border-style:solid;border-width:.2rem;width:200px}.box,.text--box{height:-webkit-fit-content;height:fit-content}.text--box{align-items:center;background-color:var(--background-200);border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;padding:.5rem;vertical-align:center}.gear--box{display:block;height:6rem;padding:2rem;position:relative;width:6.5rem}.gear--box .gear--big{animation-direction:normal;animation-duration:5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;color:var(--primary-500);font-size:5rem;left:0;position:absolute;top:0}.gear--box .gear--small{animation-direction:reverse;animation-duration:3.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;bottom:0;color:var(--accent-500);font-size:3.5rem;position:absolute;right:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text{height:-webkit-fit-content;height:fit-content}.text p{font-style:italic}.socials--box{background-color:var(--accent-500);border-color:var(--accent-400);border-radius:0 0 1rem 1rem;border-style:solid;border-width:.2rem 0 0;display:flex;height:-webkit-fit-content;height:fit-content;padding:.5rem;width:100%}
/*# sourceMappingURL=main.97a0ae20.css.map*/