*{font-family:Verdana,Geneva,Tahoma,sans-serif}#root{width:100%;height:100%;display:flex;flex-direction:column}body{display:flex;flex-direction:column;margin:0;height:100vh;background-size:400px;background-color:#dad3cd;background-image:linear-gradient(#ffffff4d,#ffffff4d),url(/textures/paper-texture.png);cursor:url(/cursor/cursor.png),auto;overflow:hidden}a,button{cursor:url(/cursor/cursor.png),pointer}ul{margin:0;padding:0;list-style-type:none}.main-wrapper{display:flex;flex:1}.header{display:flex;align-items:center;padding:12px 12px 0;gap:20px}.header-button{border:none;background-color:transparent;transition:filter .3s ease,transform .3s ease}.header-button:hover{box-shadow:none;transform:scale(1.05);filter:drop-shadow(0 0 8px rgba(0,0,0,.45))}.socials-button{height:95px;width:95px;background-size:95px 95px;background-image:url(/buttons/socials-button.png)}.resume-button{margin-top:5px;height:75px;width:180px;background-size:180px 75px;background-image:url(/buttons/resume-button.png)}.nav-bar{display:flex;align-items:center;margin-bottom:8px;transition:transform .3s ease-in-out}.nav-bar.closed{transform:translate(-312px)}.nav-container{z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px;padding:24px;border-radius:10px 36px 36px 10px;background-color:#7f7176;height:fit-content;background-image:url(/textures/construction-paper.png);background-size:contain;border:1px solid #42424261;box-shadow:0 0 8px #0006}.pull-tab{z-index:0;width:36px;height:100px;background-color:#7f7176;background-image:url(/textures/construction-paper-tab.png);background-size:150%;border:1px solid #42424261;border-left:none;border-radius:0 48px 48px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px #0006}.pull-arrow{max-height:110%;max-width:110%;padding-right:2px;transition:transform .3s ease;transform:scale(-1)}.pull-tab:hover .pull-arrow{transform:scale(-1.1)}.nav-bar.closed .pull-arrow{transform:scale(1)}.nav-bar.closed .pull-tab:hover .pull-arrow{transform:scale(1.1)}.tv-box{height:150px;width:260px;background-color:#d3d3d3;border-radius:12px;background-size:180px;background-image:url(/gifs/static.gif);border:1px solid #424242;transition:transform .3s ease,box-shadow .3s ease}.tv-box:hover{transform:scale(1.01);box-shadow:0 0 8px #00000080}.buttons-container{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%}.nav-buttons{display:flex;flex-direction:column;gap:16px}.nav-button{width:260px;height:65px;background-size:260px 65px;background-color:transparent;border:none;transition:filter .3s ease,transform .3s ease}.nav-button:hover{box-shadow:none;filter:drop-shadow(0 0 8px rgba(0,0,0,.4));transform:scale(1.05)}.projects-button,.projects-button:hover{background-image:url(/buttons/projects-button-520.png)}.blogs-button,.blogs-button:hover{background-image:url(/buttons/blogs-button-520.png)}.photo-button,.photo-button:hover{background-image:url(/buttons/photog-button-520.png)}.media-button,.media-button:hover{background-image:url(/buttons/media-button-520.png)}.about-button,.about-button:hover{background-image:url(/buttons/about-button-520.png)}.content-view{width:100%;display:flex;justify-content:center;transition:margin-left .3s ease-in-out}.nav-bar.closed+.content-view{margin-left:-312px}.paper-background{height:103%;width:100%;max-width:1300px;background-size:contain;background-image:url(/paper-backdrop.png);background-repeat:no-repeat;background-position:center top;display:flex;justify-content:center;align-items:center;overflow-y:auto}.construction{margin-bottom:42px;margin-left:-36px}