body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mansory{display:flex;flex-direction:row;gap:25px;height:95vh;margin:0 2rem;overflow-x:visible;overflow-y:scroll}.content{background-color:#fff;padding:10px;text-align:start}.detail,.name{margin:0}.item{position:relative;width:300px;z-index:1}.item-container{position:relative;width:310px}.item-container:hover{cursor:pointer}.background-overlay{background-color:#000;height:100%;margin-left:7px;margin-top:7px;position:absolute;width:300px;z-index:0}.mansory::-webkit-scrollbar{display:none}.mansory{-ms-overflow-style:none;scrollbar-width:none}.media-container{align-items:center;background-color:#000;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.project-img{display:block;height:auto;object-fit:cover;opacity:1;transition:opacity .3s ease;width:100%}.t{font-size:larger;font-weight:bolder;position:absolute}.list{height:100vh;margin-left:5%;position:relative}.list,svg{width:100%}svg{height:100%;overflow:visible;z-index:2}line{stroke-width:5px;stroke-linecap:round;fill:#0000}.experience{max-width:300px;position:absolute;text-align:start}.experience h4{margin:5px 0}.experience h3{margin-bottom:0}.experience p{margin-top:0}.container{gap:100px;left:20%;position:absolute;text-align:start}.container,.img-cropper{align-items:center;display:flex}.img-cropper{border-radius:100%;height:400px;justify-content:center;overflow:hidden;width:400px}.profile-img{height:auto;width:100%}.detail{display:flex;flex:1 1;flex-direction:column;justify-content:center}.skill-container{left:40%;position:absolute}.model{height:400px;width:400px}.contact-container{left:40%;position:absolute;text-align:left}.contact-container .text-input,.content-input{margin:10px 0}.text-input{height:20px;width:500px}.content-input{height:200px;width:500px}body{background-color:#fff;color:#333;font-family:Fira Code,JetBrains Mono,Courier New,monospace;margin:0;overflow:hidden}.bento-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"work-experience work-experience work-experience resume resume education" "projects projects about about about education" "projects projects skills skills contact contact";grid-template-columns:repeat(6,1fr);height:96vh;padding:2vh}.tile{align-items:center;background:#fff;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center}.tile.active .title{margin-left:5%;top:50%;white-space:nowrap}.tile.active{display:flex;flex-direction:row;justify-content:space-between;overflow-x:auto;overflow-y:hidden}.button-wrapper{background-color:#000;float:right;height:40px;width:150px}.button{background-color:#fff;border:0;color:#333;display:block;font-family:Fira Code,JetBrains Mono,Courier New,monospace;font-size:16px;height:100%;text-align:center;width:100%}.work-experience{background-color:#f9b382;grid-area:work-experience}.projects{background-color:#89c4f4;grid-area:projects}.education{background-color:#ffe4b3;grid-area:education}.about{box-shadow:none;grid-area:about}.links{background-color:#92d050;grid-area:links}.resume{background-color:#b3e5fc;display:flex;flex-direction:row;grid-area:resume;justify-content:space-evenly}.contact{background-color:#c2c2d6;grid-area:contact}.skills{background-color:#f4cccc;grid-area:skills}.dark{background-color:#000;color:#fff}.social-icons a{color:#555;display:inline-flex;margin:15px 10px 0;text-decoration:none}.social-icons a:hover{color:#000}