@import"https://fonts.googleapis.com/css2?family=Abel&family=Arimo:ital,wght@0,400..700;1,400..700&family=Pixelify+Sans:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.graphics-page main{display:flex;flex:1;width:100%}.thumbnail-container{position:relative;display:block}.thumbnail-heading{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:0;font-family:Arimo;margin:0;color:var(--golden-yellow)}.thumbnail-image:hover+.thumbnail-heading{display:block}.gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;max-width:1400px;padding:20px 10px 20px 0;margin:100px auto 0 130px}.gallery img{width:100%;max-width:410px;object-fit:cover;transition:.3s}.gallery img:hover{filter:blur(4px)}header{width:100%;display:flex;align-items:center;padding:1rem 1.5rem;color:var(--navy-blue)}.paragraph{z-index:2;color:#001c99;text-align:center;flex-flow:row;margin-top:40px;margin-bottom:0;margin-left:20px;padding-top:0;padding-left:0;font-size:40px;display:block;position:absolute;transform:translateY(-16px)}.circle{border:1px solid #74c009;border-radius:50%;width:100px;min-width:0;height:100px;min-height:0;position:relative}.green-circlles{grid-column-gap:0px;grid-row-gap:0px;margin:auto;flex-flow:column;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;place-items:center;display:flex;position:relative;overflow:visible;gap:25px;z-index:25}.page-heading h1{transform:rotate(-90deg);z-index:2;background-color:none;font-family:Arimo;font-size:92px;position:absolute;margin:0;text-align:center;justify-content:center;width:100%;display:flex;color:var(--navy-blue)}.div-block-2{flex-flow:column;justify-content:center;align-items:center;width:100%;display:inline-flex;position:absolute}.video-headers{color:#001c99;text-align:center;width:100%;font-size:35px}.navbar{grid-column-gap:0px;grid-row-gap:0px;background-color:#f4f4ee;flex-flow:row;width:100%;height:40px;padding:1rem 1rem 3rem;display:flex;position:fixed;z-index:100;margin:0;top:0;left:0;right:0;box-shadow:0 2px 5px #0000001a}.menu-button{z-index:0;transform:translateY(-102px)}.button{grid-column-gap:0px;grid-row-gap:0px;color:#001c99;background-color:#3898ec00;margin-left:20px;padding:10px 0;font-size:40px;display:inline-flex}.grid{grid-column-gap:24px;grid-row-gap:24px;grid-template-rows:300px 300px 300px;grid-template-columns:400px 400px;grid-auto-columns:1fr;width:100%;display:grid}.title-circle{border:1px solid #74c009;border-radius:50%;width:100px;min-width:0;height:100px;min-height:0;position:relative}.green-circlles{grid-column-gap:0px;grid-row-gap:0px;margin:auto;flex-flow:column;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;place-items:center;display:flex;position:relative;overflow:visible;z-index:-1}.page-heading{width:25%;min-width:175px;max-width:175px;padding:0;background-color:none;position:fixed;box-sizing:border-box;z-index:1;height:calc(100vh - 100px);justify-content:center;align-items:center;display:flex;top:100px;flex-direction:column}.page-heading h1{transform:rotate(-90deg);z-index:2;background-color:none;font-family:Arimo;font-size:92px;position:absolute;margin:0;text-align:center;justify-content:center;width:100%;display:flex;color:var(--navy-blue);white-space:nowrap}.tombstone-mask{width:300px;height:380px;background-color:transparent;border-radius:150px 150px 0 0;position:relative;overflow:hidden}.portrait{width:100%;height:100%;object-fit:cover;display:block}.main{margin-left:200px;margin-top:100px;position:relative}.tombstone-mask{left:200px;position:relative}.description{width:800px;text-align:right;font-family:Abel;padding-top:30px;left:250px;position:relative;color:var(--navy-blue)}:root{--navy-blue: #001C99;--golden-yellow: #F4BB29;--background: #f4f4ee}body{background-color:var(--background);min-height:100vh;margin:0;padding:0}header{width:100%;position:relative;z-index:5;padding:1rem 1.5rem;color:var(--navy-blue)}#menu-icon{position:absolute;font-size:40px;margin:auto auto auto 10px;cursor:pointer}header h1{font-size:40px;font-weight:700;align-items:center;margin:0 auto;font-family:Arimo;color:var(--navy-blue);display:flex}.head-portion{position:relative;padding:0;width:fit-content;margin:0 auto;height:0}.portfolio-letters{display:flex;font-size:250px;font-weight:500;color:var(--navy-blue);position:relative;font-family:"Bodoni 72";margin-top:0;padding:0}.portfolio-letters.top,.portfolio-letters.bottom{transform:translateY(-900px)}.portfolio-letters.top{display:flex;padding:0;margin-top:0;left:25px}.portfolio-letters.bottom{display:flex;padding:0;margin:0}.portfolio-letters p{margin:0}#P{transform:rotate(-22deg);top:40px;position:relative}#o1{transform:rotate(20deg);top:-60px;position:relative}#r{transform:rotate(-24deg);top:30px;position:relative;left:-40px}#t{transform:rotate(19deg);top:-37px;left:-20px;position:relative}#f{transform:rotate(20deg);position:relative;left:-23px;top:-25px}#o2{transform:rotate(-12deg);position:relative;top:-40px;left:-10px}#l{transform:rotate(-12deg);position:relative;left:-10px;top:-20px}#i{transform:rotate(5deg);position:relative;left:5px;top:-25px}#o3{transform:rotate(20deg);position:relative;top:-27px;left:7px}.letter{padding-right:20px;padding-top:0;padding-bottom:0;position:relative}.p-6{padding:1.5rem}.w-32{width:8rem}.h-32{height:8rem}.categories-link{text-align:center;position:absolute;font-size:60px;font-weight:600;font-family:Arimo;text-decoration:none;color:var(--navy-blue);background-color:var(--background);z-index:1;white-space:nowrap;align-items:center;padding:10px 80px}.categories{display:flex;padding:0;transform:translateY(900px);justify-content:center;align-items:center;width:100%;margin:0 auto}.yolk-container{position:relative}.yolk-1{background-color:#f4bb29;border-radius:50%;transform:translate(215px,-252px);position:absolute;width:30px;height:30px;margin:0}.yolk-2{background-color:#f4bb29;border-radius:50%;top:105px;transform:translate(430px);position:absolute;width:30px;height:30px;margin:0}.circle{border:1px solid red;border-radius:50%;width:300px;height:300px;position:absolute}.inner-circle{border:1px solid red;clip-path:polygon(50% 0%,100% 0%,100% 50%,50% 50%,0% 50%,0% 100%,50% 100%,50% 50%);border-radius:50%;width:250px;height:250px;position:absolute;z-index:0}.category-group{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:100%;flex-direction:column}.category-group:hover{transform:scale(1.1);transition:transform .3s}.circle-group{align-items:center;justify-content:center;position:relative;display:flex;width:300px;height:300px}#wavy-line{position:relative;left:30px;top:20px;margin:0;padding-bottom:0}#wavy-line-2{position:relative;left:-100px;top:-190px;margin:0}#little-wave-1,#little-wave-2,#little-wave-3{position:relative;margin:0;padding:0}#little-wave-1{bottom:250px;left:75px;transform:rotate(32deg)}#little-wave-2{top:30px;right:35px}#little-wave-3{left:53px}.sidenav{height:100%;width:0;position:fixed;z-index:1000;top:0;left:0;background-color:#f4f4ee;overflow-x:hidden;padding-top:60px;transition:width .5s;z-index:2}.page-heading h1{pointer-events:none}.sidenav.open{width:250px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:var(--navy-blue);display:block;transition:.3s;font-family:Arimo;font-weight:700}.sidenav a:hover{color:#f1f1f1}.closebtn{z-index:2000;cursor:pointer;position:absolute}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}#main{transition:margin-left .5s;padding:20px}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}