*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-image:linear-gradient(90deg,rgba(205,205,205,.65) 0,rgba(120,120,120,.65) 10%,rgba(80,80,80,.65) 15%,rgba(80,80,80,.65) 85%,rgba(120,120,120,.65) 90%,rgba(205,205,205,.65) 100%)}.nav-container{background-color:rgba(150,150,150,1)}.navbar{align-items:center;display:flex;justify-content:space-between;min-height:70px}.sticky{background-color:rgba(150,150,150,1);position:fixed;top:0;width:100%;z-index:100}.bname{font-family:'Comic Sans MS','Comic Sans',cursive;text-decoration:none}.nav-branding{color:rgba(120,0,90,.75);font-size:1.5rem;font-weight:500;margin-left:20px}.nav-menu{align-items:center;background-color:rgba(40,40,40,1);display:Flex;-ms-flex-direction:column;flex-direction:column;gap:0;justify-content:space-between;right:-100%;position:fixed;text-align:center;top:70px;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;width:100%}.nav-item{list-style-type:none;margin:16px 0;text-decoration:none;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.nav-link{color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif}.nav-link:hover{color:#8b008b}.nav-menu.active{right:0}.hamburger{cursor:pointer;display:block;margin-right:10px}.hamburger.active .bar:nth-child(1){-moz-transform:translateY(6px) rotate(45deg);-ms-transform:translateY(6px) rotate(45deg);-o-transform:translateY(6px) rotate(45deg);-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){-moz-transform:translateY(-12px) rotate(-45deg);-ms-transform:translateY(-12px) rotate(-45deg);-o-transform:translateY(-12px) rotate(-45deg);-webkit-transform:translateY(-12px) rotate(-45deg);transform:translateY(-12px) rotate(-45deg)}.bar{background-color:#000;border-radius:100px;display:block;height:4px;margin:5px auto;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:35px}.main-container{align-items:center;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding-top:20px;width:100%}.intro{align-items:center;display:flex;flex-direction:column;font-family:'Comic Sans MS','Comic Sans',Cursive;gap:10px;justify-content:space-between;text-align:center;width:100%}.intro-title{font-size:1.4rem;margin-top:30px;margin-bottom:30px;text-align:center;width:82.5%}.intro-statement{font-family:'Times New Roman',Times,serif;margin:0;text-align:center;width:80%}.image-container{height:300px;margin:50px;width:300px}.business-logo{border-radius:35%;height:300px;width:300px}.half-square{align-items:center;background-color:rgba(40,40,40,1);border-top-left-radius:25px;border-top-right-radius:25px;color:#fff;display:flex;-ms-flex-direction:column;flex-direction:column;height:auto;justify-content:flex-start;min-height:350px;padding:55px 30px 40px;width:100%}.skills-description,.skills-intro{margin:15px 5%;text-align:center}.skills-intro{font-family:'Comic Sans MS','Comic Sans',Cursive}.skills-description{align-items:center;display:flex;flex-direction:column;font-family:'Times New Roman',Times,serif;font-size:2vh;justify-content:center;margin:10px 0 40px}.skills-description a.website-button{margin:15px 10px}.column-square{align-items:center;display:flex;-ms-flex-direction:row;flex-direction:row;height:700px;justify-content:center;min-height:400px;width:90%}.column{align-items:center;background-color:rgba(210,210,210,1);display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;padding:5px;-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);-o-transform:translateY(-10%);-webkit-transform:translateY(-10%);transform:translateY(-10%);width:35%}.sk1{border-bottom-left-radius:15px;border-top-left-radius:15px}.sk2{border-left:solid 1px rgba(0,0,0,1);border-right:solid 1px rgba(0,0,0,1)}.sk3{border-top-right-radius:15px;border-bottom-right-radius:15px}.skill-gfx{max-height:150px;padding:10px 10px}.skill-title{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem;margin:15px 0;text-align:center}.skill-desc{font-family:'Times New Roman',Times,serif;font-size:.75em;text-align:center}.skill-list{align-items:center;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;width:100%}.skill-list-title{align-self:center;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.8em;margin:20px 0;text-align:center}.skill-list-item{font-family:'Times New Roman',Times,serif;font-size:.75em;list-style-type:none;text-align:center}.projects-square{display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;height:auto;margin-bottom:0;position:relative;transition:all .2s ease-out;width:100%}.project-section-title{font-family:'Comic Sans MS','Comic Sans',Cursive;margin-bottom:30px;text-align:center;width:100%}.project-spot{align-items:center;background-image:linear-gradient(to bottom right,#000,gray,silver);border:1px solid #000;border-radius:25px;box-shadow:1px 1px 3px 3px rgba(0,0,0,.65);display:flex;height:200px;justify-content:center;margin:15px;position:relative;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;width:90%}.project-title{color:rgba(255,255,255,1);font-family:Verdana,Geneva,Tahoma,sans-serif;position:realtive;text-align:center}.project-spot:hover{border:1px solid #000;box-shadow:25px 25px 20px rgba(0,0,0,.85);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.project-spot:hover .project-title{display:none}.hover-display{color:rgba(255,255,255,0);display:none;-ms-flex-direction:column;flex-direction:column;height:100%;margin:5px;padding:5px;-moz-transition:all 2.8s;-o-transition:all 2.8s;-webkit-transition:all 2.8s;transition:all 2.8s;width:auto}.project-spot:hover .hover-display{align-items:center;display:flex;justify-content:center}.project-description{color:rgba(255,255,255,1);font-family:'Times New Roman',Times,serif;font-size:1em;margin:15px;text-align:center}.website-button{align-items:center;background-color:rgba(100,0,150,.75);border:solid 1px rgba(0,0,0,1);border-radius:5px;box-shadow:3px 5px 12px rgba(0,0,0,1);color:rgba(255,255,255,1);cursor:pointer;display:flex;height:50px;font-family:'Times New Roman',Times,serif;justify-content:center;text-align:center;text-decoration:none;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;width:150px}.hover-display .website-button:hover{box-shadow:1px 2px 5px rgba(0,0,0,1);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.contact-footer{margin:15px 15px 0 15px}.contact-square{align-items:center;background-image:-moz-linear-gradient(90deg,rgba(255,255,255,.95) 0,rgba(130,130,130,.55) 10%,rgba(80,80,80,.65) 35% 65%,rgba(130,130,130,.55) 90%,rgba(255,255,255,.95) 100%);background-image:-o-linear-gradient(90deg,rgba(255,255,255,.95) 0,rgba(130,130,130,.55) 10%,rgba(80,80,80,.65) 35% 65%,rgba(130,130,130,.55) 90%,rgba(255,255,255,.95) 100%);background-image:-webkit-linear-gradient(90deg,rgba(255,255,255,.95) 0,rgba(130,130,130,.55) 10%,rgba(80,80,80,.65) 35% 65%,rgba(130,130,130,.55) 90%,rgba(255,255,255,.95) 100%);background-image:linear-gradient(90deg,rgba(250,250,250,.95) 0,rgba(160,160,160,.55) 10%,rgba(80,80,80,.65) 35% 65%,rgba(160,160,160,.55) 90%,rgba(250,250,250,.95) 100%);border-left:1px solid #000;border-radius:25px 25px 0 0;border-right:1px solid #000;border-top:1px solid #000;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;padding:20px 20px;-moz-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.contact-square.active{background-image:-moz-linear-gradient(90deg,rgba(255,255,255,.95) 0,rgba(130,130,130,.55) 10%,rgba(80,80,80,.65) 35% 65%,rgba(130,130,130,.55) 90%,rgba(255,255,255,.95) 100%);background-image:-o-linear-gradient(90deg,rgba(255,255,255,.95) 0,rgba(130,130,130,.55) 10%,rgba(80,80,80,.65) 35% 65%,rgba(130,130,130,.55) 90%,rgba(255,255,255,.95) 100%);background-image:-webkit-linear-gradient(90deg,rgba(255,255,255,.95) 0,rgba(130,130,130,.55) 10%,rgba(80,80,80,.65) 35% 65%,rgba(130,130,130,.55) 90%,rgba(255,255,255,.95) 100%);background-image:linear-gradient(90deg,rgba(250,250,250,.95) 0,rgba(160,160,160,.55) 10%,rgba(80,80,80,.65) 35% 65%,rgba(160,160,160,.55) 90%,rgba(250,250,250,.95) 100%);top:0;z-index:3}.contact-pickup,.contact-section-title{color:rgba(255,255,255,1);margin:10px 20px;text-align:center}.contact-section-title{font-family:'Comic Sans Ms','Comic Sans',Cursive}.contact-pickup{font-family:'Times New Roman',Times,serif;margin:10px 50px}.contact-button{align-items:center;background-color:rgba(100,0,150,.75);border:solid 1px rgba(0,0,0,1);border-radius:5px;box-shadow:3px 5px 12px rgba(0,0,0,.75);color:rgba(255,255,255,1);cursor:pointer;display:none;font-family:'Times New Roman',Times,serif;justify-content:center;margin:0;padding:10px;text-align:center;text-decoration:none;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;width:auto}.contact-square .contact-button:hover{box-shadow:0 2px 8px rgba(0,0,0,.6);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.contact-info-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.qr-code-grid{display:grid;gap:15px 40px;grid-template-columns:auto auto}.qr-grid-column{align-items:center;display:flex;flex-direction:column;justify-content:center}.qr-code-desc{color:rgba(255,255,255,1);display:none;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1.15em;margin-top:10px;text-align:center}.qr-code{margin:20px;width:80px}.no-mobile{display:none}.alternate-contact-button{align-items:center;background-color:rgba(100,0,150,.75);border:solid 1px rgba(0,0,0,1);border-radius:5px;box-shadow:3px 5px 12px rgba(0,0,0,.75);color:rgba(255,255,255,1);display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.85em;height:50px;justify-content:center;margin:10px;padding:5px;text-align:center;text-decoration:none;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;width:120px}.alternate-contact-button:hover{box-shadow:0 2px 8px rgba(0,0,0,.6);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media (min-width:830px) and (max-width:1200px){.no-mobile{display:block}.hamburger{display:none}.navbar{align-items:center;justify-content:center}.nav-menu{align-items:center;background-color:rgba(0,0,0,0);display:flex;flex-direction:row;-ms-flex-direction:row;justify-content:center;margin:0;padding:0;position:static;width:100%}.nav-link{color:rgba(0,0,0,1);font-size:1.25em;width:auto}.nav-item{align-items:center;border-radius:100%;display:flex;justify-content:center;padding:10px 10px;width:35%}.nav-item:hover{background-color:rgba(0,0,0,1)}.nav-item:hover .nav-link{color:rgba(255,255,255,1)}.intro-title{font-size:1.5rem;width:75%}.skills-description{margin-bottom:0;width:75%}.column-square{width:75%}.column{-moz-transform:translateY(-8%);-ms-transform:translateY(-8%);-o-transform:translateY(-8%);-webkit-transform:translateY(-8%);transform:translateY(-8%)}.projects-square{width:100%}.project-spot{padding:50px;width:45%}.project-section-title{font-size:1.5em;margin-bottom:7%}.contact-footer{height:60vh}.contact-square{height:60vh;top:35vh}.qr-code-grid{display:grid;gap:15px 40px;grid-template-columns:auto auto auto auto}}@media (min-width:1200px){.no-mobile{display:block}.nav-container{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100vw}.navbar{border-bottom-left-radius:15px;border-bottom-right-radius:15px;min-height:50px;width:70%}.nav-branding{font-size:1.5rem}.hamburger{display:none}.nav-menu{align-items:center;background-color:rgba(0,0,0,0);display:flex;-ms-flex-direction:row;flex-direction:row;flex-grow:2;justify-content:space-around;margin:0;padding:0;position:static;width:100%}.nav-link{color:rgba(0,0,0,1);font-size:1.5em;width:auto}.nav-item{align-items:center;border-radius:100%;display:flex;justify-content:center;margin:7.5px;padding:15px;width:30%}.nav-item:hover{background-color:rgba(0,0,0,1)}.nav-item:hover .nav-link{color:rgba(255,255,255,1)}.intro-title{font-size:2rem}.intro-statement{width:80%}.half-square{height:50vh;padding-top:7.5%}.skills-description{align-items:center;display:flex;flex-direction:column;font-size:1em;justify-content:center;width:70%}.column-square{width:70%}.column{align-items:center;justify-content:flex-start;-moz-transform:translateY(-18%);-ms-transform:translateY(-18%);-o-transform:translateY(-18%);-webkit-transform:translateY(-18%);transform:translateY(-18%)}.skill-list{align-items:center;width:50%}.skill-list-title{padding-bottom:20px}.skill-list-item{font-size:1.2em;list-style-type:none}.projects-square{width:100%}.project-section-title{margin-bottom:5%}.project-spot{width:33%}.project-spot .hover-display .website-button{height:50px;width:150px}.project-description{font-size:1em}.hover-display{align-items:center;justify-content:center}.contact-footer{height:auto}.contact-button{animation:wiggle 3s linear infinite;font-size:1.5em;width:40%}.qr-code-grid{align-items:center;display:grid;gap:15px 15px;grid-template-columns:auto auto auto auto;justify-content:center}.qr-code{width:150px}.alternate-contact-button{font-size:1.15em;width:250px}}@keyframes wiggle{3.5%{transform:rotate(4deg)}7%{transform:rotate(-3.5deg)}10.5%{transform:rotate(3deg)}14%{transform:rotate(-2.5deg)}17.5%{transform:rotate(2deg)}21%{transform:rotate(-1.5deg)}24.5%{transform:rotate(1deg)}28%{transform:rotate(-.5deg)}31.5%{transform:rotate(0)}100%{transform:rotate(0)}}