@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root[data-theme=light]{--playdate-color1: white;--color1: #ffccea;--color2: #fff6e3;--color3: #cdc1ff;--color4: #bfecff;--color5: #eefff8;--sidecontent: rgb(99, 220, 205);--about-color: rgb(245, 245, 245);--projects-color: #bdafee;--bw: rgba(0, 0, 0, .9);--textblock-color: rgb(99, 220, 205);--cornerborder-color: #85c1e9;--textblock-p-color: #cdc1ff;--textblock-p-bg: #eef1ff;--corner-border-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--corner-border-bg-color: #60108eaa;--skill-bg: #d7cefc;--skill-border: #aba0d7;--projects-border: rgb(210, 143, 225);--corner-border-projects: rgb(248, 157, 189);--pd-color1: #ffc400;--pd-color2: #a3902d;--pd-color3: #ffe048;--pd-color4: #5d5707;--other-color1: #6ae0af;--other-color2: #37775d;--other-color3: #9beecc;--contact-color: #faf5eb;--contact-corner: #4b9cbf;--opacity: .8;--p-hover: #a196ca}:root[data-theme=dark]{--color1: rgb(66, 66, 66);--color2: rgb(124, 124, 124);--color3: rgb(189, 189, 189);--color4: rgb(209, 207, 207);--color5: #262626;--sidecontent: white;--about-color: black;--projects-color: black;--bw: rgba(255, 255, 255, .834);--textblock-color: black;--cornerborder-color: white;--textblock-p-color: rgb(124, 124, 124);--textblock-p-bg: black;--corner-border-bg: none;--skill-bg: #000000;--skill-border: rgb(209, 207, 207);--projects-border: black;--corner-border-projects: white;--black-or-nothing: black;--pd-color1: #444343;--pd-color2: #282410;--pd-color3: #010101;--pd-color4: #555453;--other-color1: #444343;--other-color2: #282410;--other-color3: #010101;--other-color4: #555453;--contact-color: black;--contact-corner: rgb(42, 40, 40);--opacity: 100%;--p-hover: white}h1{font-weight:700;opacity:var(--opacity);font-size:6cqw;max-width:100%;color:var(--bw)}p:hover,h1:hover{cursor:default}form{position:relative}.section{padding-bottom:30px;padding-top:20px}.contentblock{display:flex;flex-wrap:wrap;padding:1rem;padding:20px;border-radius:50px;box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px;position:relative}.contentblock:before{content:"";background-color:transparent;background-image:url(/assets/paper-CXN1rlwG.jpg);background-repeat:repeat;background-size:100%;opacity:.4;top:0;left:0;position:absolute;width:100%;height:100%;border-radius:inherit}.header{text-align:center;width:50%;box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px;border-radius:50px 50px 0 0;margin:auto;position:relative}.header:before{content:"";background-color:transparent;background-image:url(/assets/paper-CXN1rlwG.jpg);background-repeat:repeat;background-size:100%;opacity:.3;top:0;left:0;position:absolute;width:100%;height:100%;border-radius:inherit}.header p{font-style:italic;opacity:.8;padding-bottom:10px}.header h1{text-shadow:2px 2px 5px #aaa}.subheader h1{font-weight:500}.side-content{max-width:40%;padding:20px;display:flex;justify-content:center;text-align:center;width:40%}.side-content img{border-radius:80px;width:100%;max-width:580px;object-fit:cover;position:relative}.side-content h1{width:100%;margin:auto;border:10px solid var(--sidecontent);border-radius:50px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.corner-border{position:relative;background:var(--corner-border-bg-color);width:60%;margin:0 auto 30px;border-radius:5px;box-sizing:border-box}.about .corner-border{background-image:var(--corner-border-bg);background-blend-mode:darken}.contact .corner-border{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-blend-mode:darken}.corner-border:before,.corner-border:after{position:absolute;width:33px;height:33px;content:""}.corner-border:before{left:0;top:0;border-left:15px solid var(--cornerborder-color);border-top:15px solid var(--cornerborder-color);border-top-left-radius:5px}.corner-border:after{right:0;bottom:0;border-right:15px solid var(--cornerborder-color);border-bottom:15px solid var(--cornerborder-color);border-bottom-right-radius:5px}@media (max-width: 1100px){.contentblock>*{min-width:100%}.side-content .me,.header{width:75%}}.about{background-color:var(--about-color)}.me{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;border:10px solid var(--textblock-color)}.textblock{height:100%;width:100%;align-content:center;border:10px solid var(--textblock-color);border-radius:5px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.textblock p{padding:10px;font-size:1.125rem;line-height:1.75rem;font-weight:600;border:7px solid var(--textblock-p-color);border-radius:0 20px 20px;width:fit-content;margin:20px;background-color:var(--textblock-p-bg);color:var(--bw);box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:border .2s}.textblock p:hover,.textblock p:active{border:7px solid var(--p-hover);cursor:default}.textblock a{text-decoration:none;color:inherit;font-weight:inherit;background:linear-gradient(to right,#64c8c8,#64c8c8),linear-gradient(to right,red,#ff00b4,#0064c8);background-size:100% 3px,0 3px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .4s}.textblock a:hover,.textblock a:active{background-size:0 3px,100% 3px}.about-icons{padding:10px;border:7px solid var(--textblock-p-color);border-radius:0 20px 20px;margin:20px;background-color:var(--textblock-p-bg);color:#000000b3;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.about-icons .about-icon-holder{display:flex;flex-wrap:nowrap;width:100%;text-align:center;justify-content:center;align-items:stretch;align-content:stretch}.about-icons .about-icon-holder div{flex:1;min-width:33.33%;max-width:33.33%;padding:10px;border-radius:20px}.about-icon-holder figcaption{font-weight:500;font-size:1.125rem;color:var(--bw)}.about-icons a{background:initial}.about-icons .about-icon-holder div{border:2px solid rgba(255,255,255,0);transition:box-shadow .2s,background-color .2s,transform .2s,border .2s}.about-icons .about-icon-holder div svg{transition:color 1s;max-height:150px}.about-icon-holder div:hover,.about-icon-holder div:active{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transform:rotate(2deg);border:2px solid #fb67cc}.about-icons a svg{width:100%;height:auto;padding:0;color:var(--bw);opacity:85%}.skills{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:stretch;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;background-color:var(--black-or-nothing)}.skill{flex:1;margin:10px;padding:10px;min-width:20%;max-width:20%;border:5px solid var(--skill-border);border-radius:20px;background-color:var(--skill-bg);box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:border .2s,transform .2s}.skill:hover,.skill:active{border:2px solid #fb67cc;transform:rotate(2deg)}.skill svg{height:100%;width:100%;padding:0;margin:auto;opacity:.85;color:var(--bw)}.projects{background-color:var(--projects-color)}.project-list{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;row-gap:15px;padding:10px;border:10px solid var(--projects-border);border-radius:5px;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;background-color:var(--textblock-p-bg)}.project.playdate{background-color:var(--pd-color1);border:8px solid var(--pd-color2)}.project.playdate .project-info,.project.playdate .project-image{background-color:var(--pd-color3);border-color:var(--pd-color1)}.project.playdate:hover,.project.playdate:active{background-color:var(--pd-color3);border:8px solid var(--pd-color4)}.project{padding:10px;min-width:45%;border:8px solid var(--other-color1);border-radius:20px;min-height:fit-content;box-shadow:#88a5bf7a 6px 2px 16px,#fffc -6px -2px 16px;transition:border .5s,padding .5s,background-color .25s,min-width .5s,transform .5s}.project:hover,.project:active{cursor:pointer;transform:scale(1.02);background-color:var(--other-color3)}.project .project-info,.project .project-image{box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.project:hover .project-image,.project:active .project-image{box-shadow:none}.project a{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:stretch;height:100%;border-radius:20px;transition:padding .5s}.project a .project-info{padding:10px 10px 20px;transition:margin .5s,border-radius .2s,padding .5s;border-radius:20px;background-color:var(--other-color3);margin-bottom:10px}.project a .project-info h3{font-weight:700;transition:letter-spacing .5s}.project:hover a .project-info h3,.project:active a .project-info h3{letter-spacing:.1em}.project a .project-info p{font-size:17px;transition:font-size .5s}.project a .project-image{background-color:var(--other-color3);height:100%;align-content:center;padding:10px;border-radius:20px;transition:border-radius .2s,margin .5s,width .5s,height .5s,padding .5s}.project a .project-image img{width:100%;height:100%;min-height:300px;max-height:300px;border-radius:20px;margin:0 auto;transition:min-height 1s;object-fit:cover}.contentblock.projects .corner-border{width:95%;background-color:#eefff8}.contentblock.projects .corner-border:before{border-left:15px solid var(--corner-border-projects);border-top:15px solid var(--corner-border-projects)}.contentblock.projects .corner-border:after{border-right:15px solid var(--corner-border-projects);border-bottom:15px solid var(--corner-border-projects)}@media (max-width: 1000px){.project-list{grid-template-columns:1fr}}@media (max-width: 700px){.project{height:fit-content}.project-list .project a .project-image img{min-height:100%}h1{font-size:10cqw}h1 svg{width:10cqw}.skills{padding:4px}.skill{margin:5px;padding:5px}.contact .formholder{padding:12px}.textblock p{margin:8px;font-size:1rem}.textblock .about-icons{margin:8px}.side-content img{border-radius:30px}.contentblock{padding:1rem;padding:0;border-radius:5px}.underconstruction{padding-top:20px}}.contact{background-color:var(--contact-color)}.contentblock.contact .corner-border{width:55%;background-color:var(--contact-corner)}.contentblock.contact .side-content{max-width:45%;width:50%}.contentblock.contact .corner-border:before{border-left:15px solid var(--corner-border-projects);border-top:15px solid var(--corner-border-projects)}.contentblock.contact .corner-border:after{border-right:15px solid var(--corner-border-projects);border-bottom:15px solid var(--corner-border-projects)}.formholder{padding:30px;height:100%;width:100%;border:10px solid var(--projects-border);border-radius:5px;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px}form{background-color:#ffffff64;padding:20px;border-radius:20px;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px}.label{font-size:1.5em;opacity:.8;width:fit-content;padding:2px}.label h2{margin:0 auto;font-weight:700}.emailholder{margin-bottom:10px}.email,.name{padding:10px;font-size:large;height:35px;border:none;border-radius:5px;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;background-color:#f5f5f5;max-width:100%}.messageholder .message{padding:10px;font-size:large;border:none;border-radius:5px;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;background-color:#f5f5f5}.btnholder{display:flex;justify-content:center;align-items:center;padding-top:10px}.btnholder .submitbtn{font-size:large;width:200px;height:45px;display:inline-block;border:none;border-radius:5px;transition:width .2s;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.btnholder .submitbtn:hover,.btnholder .submitbtn:active{cursor:pointer;width:220px}.btnholder .submitbtn:active{padding-top:5px;box-shadow:#0003 0 3px inset}.message{height:150px;width:100%;resize:none}.form-success{display:flex;justify-content:center;align-items:center}.form-success .success-msg{background-color:#8acaea;padding:80px;border:10px solid rgb(194,100,180);border-radius:20px;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;transition:rotate .2s}.form-success .success-msg img{width:100px;height:auto;margin:0 auto}.form-success .success-msg:hover,.form-success .success-msg:active{rotate:1deg}.form-success h2{font-weight:700}.form-success p{padding-top:10px;font-style:italic}#otherstuff{position:relative}.underconstruction{width:100%;text-align:center;position:relative}.underconstruction:hover,.underconstruction *:hover{cursor:pointer}.underconstruction img{margin:0 auto;max-width:200px}.project-edit{display:grid;grid-template-columns:1fr}.project-edit-buttons{display:flex;grid-template-columns:auto 1fr;align-items:center;padding:10px;justify-content:space-between;width:100%}.project-edit-buttons button{width:49%;box-shadow:0 5px 5px #00000026;height:50px}.project-edit-buttons button:hover,.project-edit-buttons button:active{cursor:pointer}.project-link{height:min-content}.project .project-link .project-image{height:initial}.project-link:hover,.project-link:active{cursor:initial;padding-left:initial}.formholder.resume{margin:0 auto;width:min-content;position:relative}.formholder.resume .input-group{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1rem}.formholder.resume .submit{margin-top:1rem;background-color:#4f8c00}.formholder.resume .submit:hover,.formholder.resume .submit:active{border-color:#d6d8fa}.admin-controls{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:relative}.admin-controls button{margin:5px;border-radius:5px}.admin-controls button:hover,.admin-controls button:active{cursor:pointer;border-color:plum}.hamburger{display:none}.hamburger-icon{display:flex;position:fixed;top:20px;right:20px;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;background-color:transparent;border:none;padding:0}.bar{width:100%;height:3px;background-color:var(--bw);transition:all .3s ease-in-out}.bar.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.dropdown{height:0;overflow:hidden;width:0;text-align:center;transition:height .2s}.dropdown.open{width:100vw}.dropdown .link{height:25%;align-content:center;transition:letter-spacing .5s,box-shadow .2s;font-size:26px;font-weight:700}.dropdown .link:hover,.dropdown .link:active{cursor:pointer;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;letter-spacing:.1em}@media (max-width: 850px){.hamburger{display:initial;position:fixed;position:absolute;right:0;top:0;z-index:1001}}:root[data-theme=light]{--playdate-color1: white;--color1: #ffccea;--color2: #fff6e3;--color3: #cdc1ff;--color4: #bfecff;--color5: #eefff8;--bw-links: #065972;--nav-bg: white;--background-rb: -webkit-linear-gradient( 180deg, #bfecff 0 25%, #cdc1ff 0 50%, #fff6e3 0 75%, #ffccea 0 100% );--background-rbm: -webkit-linear-gradient( 180deg, #eefff8 0 16.66%, #bfecff 0 33%, #cdc1ff 0 50%, #fff6e3 0 67%, #ffccea 0 83%, #eefff8 0 100% );--footer-color:#f8d8ea8b;--footer-link:#245990}:root[data-theme=dark]{--color1: rgb(66, 66, 66);--color2: rgb(124, 124, 124);--color3: rgb(189, 189, 189);--color4: rgb(209, 207, 207);--color5: #262626;--bw-links: rgb(255, 255, 255);--nav-bg: oklab(26.862000000000002% 0 -.00003);--background-rb: -webkit-linear-gradient( 180deg, rgb(209, 207, 207) 0 25%, rgb(189, 189, 189) 0 50%, rgb(124, 124, 124) 0 75%, rgb(66, 66, 66) 0 100% );--background-rbm: -webkit-linear-gradient( 180deg, #262626 0 16.66%, rgb(209, 207, 207) 0 33%, rgb(189, 189, 189) 0 50%, rgb(124, 124, 124) 0 67%, rgb(66, 66, 66) 0 83%, #262626 0 100% );--img-filter:grayscale(100%);--footer-color:rgba(0, 0, 0, .429);--footer-link:white}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;font-family:Ubuntu,sans-serif;line-height:1.5;font-weight:400;transition:color .5s,background-color .5s,filter .5s,-webkit-filter .5s,border .5s}p,h1,h2,h3{color:var(--bw)}button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border-radius:0}img{-webkit-filter:var(--img-filter);filter:var(--img-filter)}nav{display:flex;grid-template-columns:auto 1fr;align-items:center;box-shadow:0 5px 5px #00000026;padding:10px;justify-content:space-between;width:100%;height:100%;overflow:hidden}.navholder{top:0;position:sticky;z-index:1000;background-color:var(--nav-bg)}nav .brand{display:flex;flex-wrap:nowrap}nav .brand a{padding:0;filter:drop-shadow(5px 5px 5px #22222273);transition:text-shadow .3s,color .3s}nav .brand a:hover,nav .brand a:active{box-shadow:none;background:none;color:#2f6daf;border-radius:initial;text-shadow:1px 1px 2px black}nav .brand img{max-height:50px;margin:0;padding:0;vertical-align:middle}nav .links{display:flex;white-space:nowrap}nav .links a{flex:1;flex-direction:row-reverse;text-align:center;font-size:1.5rem}nav a{text-decoration:none;display:inline-block;padding:10px;transition:background-color .3s,color .3s,box-shadow .3s,text-shadow .3s;color:var(--bw-links)}nav a:hover,nav a.active{box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;text-shadow:2px 4px 3px rgba(0,0,0,.3);color:#000a;border-radius:3px}div.color1{background:var(--color1)}div.color2{background:var(--color2)}div.color3{background:var(--color3)}div.color4{background:var(--color4)}.color1:hover,.color1:active{background:var(--color1)}.color2:hover,.color2:active{background:var(--color2)}.color3:hover,.color3:active{background:var(--color3)}.color4:hover,.color4:active{background:var(--color4)}.color5:hover,.color5:active{color:initial;background:var(--color5)}nav a.mascot{padding:0}nav a.mascot img{height:40px}.hidden{display:none}.darkmode{float:right;padding-left:5px}.darkmode:hover,.darkmode:active{cursor:pointer}.darkmode:hover img,.darkmode:active img{transform:rotate(20deg);transform-origin:60% 60%}.darkmode img{max-width:75%;transition:transform .2s,transform-origin .2s;max-height:75%}a:hover,a:active{cursor:pointer}.row{display:flex;flex-wrap:wrap;min-height:100vh}.column{width:100%}.column.left.sidebar,.column.right.sidebar{background-color:pink;width:5%;object-fit:cover;background:var(--background-rb)}.column.left.sidebar{box-shadow:-2px -3px 5px #0003 inset;-webkit-box-shadow:-2px -3px 5px 0px rgba(0,0,0,.2) inset;-moz-box-shadow:-2px -3px 5px 0px rgba(0,0,0,.2) inset}.column.right.sidebar{box-shadow:2px -3px 5px #0003 inset;-webkit-box-shadow:2px -3px 5px 0px rgba(0,0,0,.2) inset;-moz-box-shadow:2px -3px 5px 0px rgba(0,0,0,.2) inset}.column.middle.content{background-color:#eefcff;width:90%;background:var(--background-rbm);min-height:100vh;display:flex;flex-direction:column}footer{margin-top:auto;justify-content:center;width:100%;color:#fff;position:relative;bottom:0;text-align:center;background-color:var(--footer-color)}footer a img{width:100px;height:auto;margin:0 auto;transition:transform .5s}footer a:hover,footer a:active{cursor:pointer}footer a:hover img,footer a:active img{transform:rotate(360deg)}footer a:hover p,footer a:active p{font-weight:700}footer a p{width:100%;padding-top:0;margin-top:0;padding-bottom:10px;line-height:10px;color:var(--footer-link)}@media (max-width: 850px){.links a{display:none}.column.middle.content{width:100%}.column.left.sidebar,.column.right.sidebar{display:none}}