@font-face{font-family:"Roboto";src:url("/fonts/Roboto/Roboto-Regular.ttf") format("truetype");font-weight:400 500}@font-face{font-family:"Roboto";src:url("/fonts/Roboto/Roboto-Medium.ttf") format("truetype");font-weight:600 700}@font-face{font-family:"Roboto";src:url("/fonts/Roboto/Roboto-Bold.ttf") format("truetype");font-weight:800 900}@font-face{font-family:"RobotoMono";src:url("/fonts/Roboto_Mono/RobotoMono-VariableFont_wght.ttf") format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto",Georgia,"Times New Roman",Times,serif}body{margin-bottom:2rem;display:grid;grid-template-columns:16vw 1fr;grid-template-rows:minmax(8rem, auto) 1fr;grid-template-areas:"empty grid__header" "navigation content";background-color:#161616}body h1,body h2,body h3,body h4,body h5,body h6{font-family:"Roboto",Georgia,"Times New Roman",Times,serif;color:#9932cc;text-align:left;margin-top:1rem;width:calc(100% - 2rem);letter-spacing:.125rem}body p{margin:1rem;text-align:justify}body a{color:#f5f5f5;text-decoration:none;font-weight:bolder}body code{font-family:"RobotoMono",monospace;background-color:#323232;border:1px solid dimgray;color:#f5f5f5;padding:.0625rem;font-size:.75rem;line-height:.75rem;border-radius:.25rem;font-weight:bolder}body div.empty{grid-area:empty;display:grid;grid-template-columns:4fr 6fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"empty__1 empty__2" "empty__3 empty__4" "empty__5 corner"}body div.empty div.corner{grid-area:corner;border-right:1px solid dimgray;border-bottom:1px solid dimgray}body nav{grid-area:navigation;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-end;gap:1rem;width:100%;text-align:right;font-family:"Roboto",Georgia,"Times New Roman",Times,serif;padding:.25rem;padding-right:1rem;position:relative}body nav::after{content:"";position:absolute;top:0;right:0;height:30%;border-right:1px solid dimgray}body nav h1{font-family:"Roboto",Georgia,"Times New Roman",Times,serif;font-size:2rem;letter-spacing:.25rem;margin:2rem 0 1rem 0;text-align:right}body nav a{color:gray;font-family:"Roboto",Georgia,"Times New Roman",Times,serif;font-size:1.125rem;letter-spacing:.125rem;text-decoration:none;transition:color .25s;width:100%;min-height:1rem;padding:.25rem}body nav a:hover{color:dimgray}body nav a.active{color:#484848}body div.main__content{grid-area:content;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;padding:1rem;color:#fff;font-family:"Roboto",Georgia,"Times New Roman",Times,serif;max-width:64vw}body div.main__content h2{margin-top:1.5rem}body div.main__content h2.centered__header{text-align:center;font-size:2rem;font-weight:bold;margin:1.5rem;margin-top:3rem}body div.main__content h2.centered__header:first-of-type{margin-top:1.5rem}body div.main__content p{color:gray;font-size:1.125rem;letter-spacing:.125rem;line-height:1.75rem;width:calc(100% - 2rem);margin-bottom:0rem}body div.main__content #contact__form{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;width:100%}body div.main__content #contact__form label{font-size:.875rem;margin:2rem 0 0 .5rem;color:gray;letter-spacing:.25rem;font-weight:bold}body div.main__content #contact__form input,body div.main__content #contact__form textarea{width:calc(100% - 2rem);padding:.5rem;border:1px solid dimgray;border-radius:.25rem;background-color:#323232;color:#f5f5f5;font-family:"Roboto",Georgia,"Times New Roman",Times,serif;font-size:1rem;letter-spacing:.125rem;margin:.5rem}body div.main__content #contact__form input#send__button,body div.main__content #contact__form textarea#send__button{margin-top:2rem;cursor:pointer;background-color:#9932cc;color:#fff;font-weight:bold;border:none}body div.main__content div.stack{display:flex;flex-flow:column nowrap;max-width:100%;min-width:66.66%;padding:2rem}body div.main__content div.stack p{font-size:.875rem;margin:0 0 1rem .5rem;color:gray;letter-spacing:.25rem;font-weight:bold}body div.main__content div.stack p:last-child{margin-bottom:0}body div.main__content div.stack div.stack__layer{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:2rem;border:1px solid dimgray;border-radius:.25rem;padding:.5rem 1rem;margin:.5rem;width:100%}body div.main__content div.stack div.stack__layer img{max-width:112px;max-height:112px;margin:.5rem}body div.main__content section.portfolio{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;gap:3rem}body div.main__content section.portfolio h3{font-size:1.5rem;margin-left:1rem;font-weight:bold}body div.main__content section.portfolio p{margin-top:.5rem}body div.main__content section.portfolio section.entry{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:1rem;max-width:50vw}body div.main__content section.portfolio section.entry img{border:.5rem solid #fff;transform:rotate(-1.5deg);max-width:calc(50% - 1rem);max-height:320px;box-shadow:.25rem .25rem #000}body div.main__content section.portfolio section.entry section.text__box{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;text-align:justify;gap:.5rem}body div.main__content section.portfolio section.entry section.text__box h4{font-size:1.5rem;letter-spacing:.125rem}body div.main__content section.portfolio section.entry section.text__box p{font-size:1rem;letter-spacing:.125rem}body div.main__content section.portfolio section.entry:nth-child(even){flex-flow:row-reverse nowrap}body div.main__content section.portfolio section.entry:nth-child(even) img{transform:rotate(1.5deg)}body header{grid-area:grid__header;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-end;padding-left:1rem;position:relative}body header::after{content:"";position:absolute;top:-1;left:0;width:80%;height:100%;border-bottom:1px solid dimgray}body header h1{font-size:3rem;margin:1rem;font-weight:900}body header #menu__button{display:none}body #mobile__menu{display:none;opacity:0}@media only screen and (max-width: 720px){body{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;gap:1rem}body div.empty,body nav{display:none}body header{width:100vw;border-bottom:1px solid dimgray;padding:0rem;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:1rem}body header h1{line-height:3rem}body header #menu__button{display:block;font-size:2.5rem;line-height:2.5rem;font-weight:900;width:3rem;height:3rem;border:none;border-radius:50%;background-color:rgba(0,0,0,0);color:#9932cc;cursor:pointer;position:absolute;top:1rem;right:1rem}body header::after{display:none}body div.main__content{max-width:90vw;min-width:90vw}body div.main__content div.stack{padding:2rem 1rem;width:100%;max-width:100%;min-width:100%}body div.main__content div.stack div.stack__layer{margin:0rem;padding:.5rem;min-width:100%;width:100%;justify-content:space-evenly}body div.main__content div.stack div.stack__layer img{max-width:52px;max-height:52px;margin:0rem}body div.main__content section.portfolio{width:100%}body div.main__content section.portfolio section.entry,body div.main__content section.portfolio section.entry:nth-child(2n){width:100%;max-width:100%;flex-flow:column nowrap;justify-content:center;align-items:center;gap:1rem}body div.main__content section.portfolio section.entry img,body div.main__content section.portfolio section.entry:nth-child(2n) img{max-width:100%}body div.main__content p{line-height:1.75rem}div#mobile__menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.75);backdrop-filter:blur(0.25rem);z-index:10;display:none;opacity:0}div#mobile__menu div.circles{margin-top:calc(25vh - 9rem);margin-left:calc(50vw - 9rem);display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"top_left  top_center  top_right" "center_left  center_center  center_right" "bottom_left  bottom_center  bottom_right";aspect-ratio:1/1 !important;height:18rem !important;width:18rem !important;transform:scale(0)}div#mobile__menu div.circles>a{border-radius:50%;background-color:#9932cc;font-weight:900;color:#fff;text-align:center;height:6rem;width:6rem;display:flex;justify-content:center;align-items:center;font-size:1.25rem}div#mobile__menu div.circles>a:first-of-type{grid-area:top_center;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}div#mobile__menu div.circles>a:first-of-type span{transform:rotate(45deg)}div#mobile__menu div.circles>a:nth-of-type(2){grid-area:center_right;border-radius:0 50% 50% 50%;transform:rotate(-45deg)}div#mobile__menu div.circles>a:nth-of-type(2) span{transform:rotate(45deg)}div#mobile__menu div.circles>a:nth-of-type(3){grid-area:bottom_center;border-radius:50% 0 50% 50%;transform:rotate(-45deg)}div#mobile__menu div.circles>a:nth-of-type(3) span{transform:rotate(45deg)}div#mobile__menu div.circles>a:last-of-type{grid-area:center_left;border-radius:50% 50% 0 50%;transform:rotate(-45deg)}div#mobile__menu div.circles>a:last-of-type span{transform:rotate(45deg)}div#mobile__menu button.menu__exit{position:absolute;top:1rem;right:1rem;font-size:2.5rem;line-height:2.5rem;width:3rem;height:3rem;background-color:#fff;border:none;border-radius:50%;color:#000;cursor:pointer}}/*# sourceMappingURL=main.css.map */