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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{--primary:#0a192f;--secondary:#0c2242;--secondary-opaque:rgba(12,34,66,.5);--font-color:#8892b0;--selection:#ccd6f6;--bold-font-color:#64ffda;--bold-font-color-hovor:rgba(100,255,219,.651);--bold-font-color-faded:rgba(100,255,219,.24);--skill-card-border:rgba(130,137,158,.918);--header-height:70px;--sidebar-width:50px;background:var(--primary);color:var(--font-color);text-align:center}*,:after,:before{box-sizing:border-box}.profile-picture{border-radius:30%;box-shadow:0 0 10px 0 #b5bdc9;margin:auto auto 2em;object-fit:cover;object-position:50% 30%}.profile-picture-background{background:linear-gradient(35deg,#cff,#fcc,#ccf)}.caution{background:repeating-linear-gradient(45deg,#ff0,#ff0 20px,#000 0,#000 40px)}#content-container{display:flex;flex-direction:column;margin-right:var(--sidebar-width);margin-top:var(--header-height)}.content-card{background-color:var(--primary);position:relative}.content-card>p{padding-left:4em;padding-right:1em}footer{align-items:flex-end;font-size:2em}#quick-links{width:10%}#nav-bar,#quick-links{justify-content:space-between}#nav-bar{align-items:center;background-color:var(--secondary);box-shadow:0 1px 10px 0 rgba(0,0,0,.2);display:flex;height:var(--header-height);margin-bottom:2em;padding:.25rem .5rem;position:fixed;top:0;width:100vw;z-index:20}.website-logo{width:100px}.nav-item{border:2px solid gray;border-radius:7.5%;color:var(--accent2);padding:.5em;padding-inline:1em;-webkit-text-decoration-line:none;text-decoration-line:none;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background-color:hsla(0,0%,50%,.25)}.menu-icon{color:var(--word-color);cursor:pointer;height:25px;width:25px}.menu-icon:hover{color:var(--word-hover)}.menu-icon-btn{background:none;border:none;padding:0 4px 0 0;z-index:1}.menu-icon>div{display:flex}.menu-icon>div>svg{margin-right:.5rem}.footer-id{color:var(--bold-font-color);font-size:1rem;letter-spacing:2px;text-transform:uppercase;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}#space-block{height:10px;width:10px}@media only screen and (max-width:700px){#nav-bar{font-size:.75rem}}@media only screen and (max-width:600px){#nav-bar{font-size:.7rem}}.logo-container{height:100%;padding-top:5px;position:relative;width:250px}.logo-main{left:0;z-index:5}.logo-main-cropped-container{height:200px;left:0;margin-bottom:-30px;position:absolute;z-index:3}.logo-main-cropped{border:1px solid #fff;left:0;position:absolute;z-index:3}.logo-right{left:0;position:absolute;-webkit-transform:translate(26%,-16%);transform:translate(26%,-16%);z-index:1}#about-me-field>.content-card{position:relative}#secondary-statement{color:hsla(0,0%,100%,.432)}#about-me-header{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-left:4em;position:relative}#about-me-header>h2{color:hsla(0,0%,100%,.74);font-size:2em;left:.25em;margin:0;position:relative}#about-me-header>h3{color:hsla(0,0%,100%,.438);font-size:1.5em;margin:0}#about-me-header>h3,#about-me-header>span{left:.5em;position:relative}#about-me-field>.content-card p{text-align:left}@media only screen and (max-width:700px){#about-me-header{margin-left:1em}#about-me-field>.content-card p{margin-left:-2em;text-align:left}}footer{bottom:0;color:#fff;margin-right:-10px;position:fixed;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-link{color:var(--bold-font-color)}#quick-links{align-items:center;display:flex;flex-direction:column;padding-left:none}#quick-links>li{list-style-type:none}.fa-codepen{border:10 solid #000}#skills-container{grid-gap:2em 2em;display:grid;gap:2em 2em;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));padding:2em 2em 2em 4em}.skill-card{flex-direction:column;padding:2em}.image-container,.skill-card{align-items:center;display:flex}.image-container{background-color:var(--secondary);border:2px solid var(--skill-card-border);border-radius:50%;height:125px;justify-content:center;width:125px}.skill-logo{height:75px;object-fit:contain;object-position:50% 50%;width:75px}#sidebar{border-left:2px solid grey;height:calc(100vh - var(--header-height));padding-bottom:25%;padding-top:25%;position:fixed;right:0;top:var(--header-height);width:3em;z-index:999}#sidebar-quicknav{align-items:center;display:flex;flex-direction:column;font-size:2em;height:100%;justify-content:space-around}.quick-nav-link{background-color:var(--bold-font-color-faded);border-radius:50%;height:10px;width:10px}.quick-nav-link:hover{background-color:var(--bold-font-color-hovor)}.footer-link{margin-bottom:1em;margin-top:1em}#contact-me-field{align-items:center;display:flex;flex-direction:column;min-height:60vh;width:100%}#contact-me-field>hr{width:calc(100vw - var(--sidebar-width))}.contact-button{aspect-ratio:1;border-radius:50%;cursor:pointer;font-size:2em;margin-bottom:1em;margin-inline:.25em;padding:.25em;width:2em}#contact-me-card{background-color:var(--secondary);border:2px solid gray;border-radius:2.5%;padding:2em;position:relative}#contact-me-form{align-items:center;display:flex;flex-direction:column;position:relative;width:40vw}#user-name{width:100%}#email-message,#email-subject{margin-bottom:.5em;width:100%}#email-message{background-color:#f8f8f8;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;height:150px;padding:12px 20px;resize:none}#enter-button{float:right;position:relative}#project-field>.content-card{grid-row-gap:2em;grid-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;display:grid;grid-template-columns:repeat(auto-fill,minmax(28vw,1fr));justify-items:center;padding:1em 1em 1em 4em;position:relative;row-gap:2em;width:100%}.project-card{width:100%}.project-image{height:35vh;width:100%}.project-link{width:100%}.development-flag{background-color:red;color:#fff;font-size:.5rem;left:77px;padding:5px;position:absolute;top:75px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;z-index:10}@media only screen and (max-width:700px){#project-field>.content-card{grid-template-columns:1fr;padding-left:1em}}
/*# sourceMappingURL=main.f0b3589d.css.map*/