a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}#about-me{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;color:#fff;margin:2vh 5vw}.about-me{font-size:4rem;margin-bottom:2vh}.brand-statement-outer{flex-direction:column;max-width:100vw;max-height:50vh}.brand-statement,.brand-statement-outer{display:flex;justify-content:center;align-items:center}.brand-statement{max-width:50vw;font-size:32px;margin:0 auto;line-height:1.3;padding:20px}.skill-name{font-size:1.5rem}.skills-outer{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:50vw;margin-top:3vh}.my-skills{font-size:4rem;margin:2vh auto}.skills{width:6.5vw;margin:.6vw}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end}.skill-img-container{display:flex;justify-content:flex-end;align-items:center;flex-direction:column}@media only screen and (max-width:428px){#about-me{margin:0}.about-me{font-size:50px;justify-self:center;align-self:center;margin:0}.brand-statement{font-size:1.5rem;max-width:100vw;margin-top:-6vh}.brand-statement-outer{flex-direction:column;justify-content:space-evenly}.brand-statement-outer,.skills-outer{min-height:100vh;max-width:100vw;display:flex;align-items:center}.skills-outer{justify-content:center;margin:0}.my-skills{text-align:center;font-size:50px}.skills{width:40px}.skills-container{justify-content:center;margin:0}.skill-img-container{margin:10px}}@media only screen and (min-width:2560px) and (min-height:1440px){.about-me{font-size:7rem}.my-skills{font-size:3rem}}.button{text-decoration:none;margin:10px;font-size:20px;padding:4px}.button:hover{transition:all .2s ease-in;background:#730202;background-size:200% 200%;background-position:100% 100%;color:#fff}@media only screen and (max-width:428px){.button{font-size:15px;background:#730202;color:#fff}}#projects{flex-direction:column;min-height:100vh;color:#fff;padding-top:7vh;margin:5vw}#my-projects,#projects{display:flex;align-items:center}#my-projects{flex-direction:row;flex-wrap:wrap;width:80vw;justify-content:space-evenly}.projects-title{display:flex;justify-content:center;margin:0 5vw 6vh;font-size:4rem;width:70vw}.project-img{width:24vw;z-index:1}.project{margin:1vh;padding:2vh 2vh 1vh;background-color:rgba(115,2,2,.3)}.image-and-desc{position:relative}.image-desc{display:flex;position:absolute;width:100%;height:100%;justify-content:center;align-items:center;line-height:1.6;background-color:rgba(0,0,0,.8);letter-spacing:2px;font-size:1rem;padding:20px;box-sizing:border-box;color:#fff;opacity:0;-webkit-transform-origin:right;transform-origin:right}.image-desc:hover{-webkit-animation:slide .5s ease-out 1 forwards;animation:slide .5s ease-out 1 forwards;opacity:1}@-webkit-keyframes slide{0%{-webkit-transform:translateX(0,0);transform:translateX(0,0);opacity:0;overflow-x:hidden}to{-webkit-transform:translateX(100%,50%);transform:translateX(100%,50%);opacity:1;overflow-x:hidden}}@keyframes slide{0%{-webkit-transform:translateX(0,0);transform:translateX(0,0);opacity:0;overflow-x:hidden}to{-webkit-transform:translateX(100%,50%);transform:translateX(100%,50%);opacity:1;overflow-x:hidden}}.buttons{text-align:center;margin-top:1vh}@media only screen and (max-width:428px){#projects{padding-top:55px;margin:0}.projects-title{font-size:50px}.project-img{width:60vw;justify-self:center}.image-desc{display:none;width:60vw;height:11vh}.buttons{font-size:10px}.project{width:60vw}}@media only screen and (min-width:2560px) and (min-height:1440px){.projects-title{font-size:6rem}}#contact{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:50px;min-height:100vh;max-width:100vw;color:#fff;font-size:2.5rem}#contact-me{font-size:4rem;margin-bottom:6vh}.form{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5vh;width:50vw;height:50vh}#message{height:20vh;font-size:1.5rem}.inputs{background-color:#d3d3d3;margin:10px;width:30vw;box-shadow:5px 10px 10px rgb(255 255 255/30%),5px 10px 10px rgb(255 255 255/22%)}.labels{display:flex;justify-content:flex-start;margin:8px 10px}.label-input{margin:20px}@media only screen and (max-width:428px){#contact{margin-top:50px;font-size:36px}#contact-me{font-size:2.5rem}.inputs{width:75vw}.labels{font-size:25px}.contact-button{background:#730202;color:#fff;font-size:1.5rem}}@media only screen and (min-width:2560px) and (min-height:1440px){#contact{font-size:4rem}}#landing{display:flex;align-items:center;justify-content:flex-start;min-height:100vh;max-width:100vw;color:#fff;font-size:7vw;padding-left:50px}.greeting{-webkit-animation:span .5s 1s forwards;animation:span .5s 1s forwards;opacity:0}@-webkit-keyframes span{0%{opacity:0}to{opacity:1}}@keyframes span{0%{opacity:0}to{opacity:1}}.greeting1{-webkit-animation:greeting .5s 2s forwards;animation:greeting .5s 2s forwards;opacity:0}@-webkit-keyframes greeting{0%{opacity:0}to{opacity:1}}@keyframes greeting{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:428px){#landing{margin:0 auto;padding-left:20px}.intro{font-size:3.5rem}}.footer{display:flex;align-items:center;justify-content:center;height:15vh}.image{width:5vw;margin:10px}.image,.mail{-webkit-filter:invert();filter:invert()}.mail{width:7vw}@media only screen and (max-width:428px){.image{width:20vw}.image,.mail{-webkit-filter:none;filter:none}.mail{width:28vw}.footer{background-color:#fff}}.home{object-fit:cover}.login{color:#fff;font-size:46px;min-width:100vw;min-height:100vh}.login,.login-form{display:flex;flex-direction:column}.login-form{justify-content:center;align-items:center;margin-top:20vh}.login-title{display:flex;justify-content:center;padding-bottom:20px;margin-top:10vh;font-size:100px}.login-label-input{display:flex;flex-direction:column;margin:10px}.login-label{margin:15px 0}@media only screen and (max-width:428px){.login-title{margin-top:80px;padding:0;font-size:50px}.login{margin:0;width:20vw;font-size:20px}}.add{color:#fff;display:flex;flex-direction:column;font-size:40px;align-items:center;justify-content:center;min-width:100vw;min-height:100vh}.add-title{display:flex;align-self:center;font-size:100px;margin-top:8vh}.add-label-input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:5px}.add-label{margin:10px 0}.add-input{width:40vw;background-color:#d3d3d3;box-shadow:5px 10px 10px rgb(255 255 255/30%),5px 10px 10px rgb(255 255 255/22%)}.add-button{margin:15px;align-self:center}#desc{font-size:1.5rem}.not-logged-in{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;color:#fff;font-size:4rem}@media only screen and (max-width:428px){.add{font-size:22px}.add-title{font-size:50px;margin-bottom:20px}.add-input{width:70vw}.add-label-input{margin:3px}}.edit{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:36px;min-height:100vh;min-width:100vw}#desc{resize:none;height:15vh}.edit-title{display:flex;align-self:center;font-size:100px;margin-top:8vh}.edit-form{margin-top:2vh}.edit-form,.edit-label-input{display:flex;flex-direction:column}.edit-label-input{justify-content:center;align-items:flex-start}.edit-input{width:45vw;margin:6px;padding-left:2px;box-shadow:5px 10px 10px rgb(255 255 255/30%),5px 10px 10px rgb(255 255 255/22%)}.edit-label{margin:5px 0 5px 10px}.edit-button{display:flex;align-self:center;margin:6px}@media only screen and (max-width:428px){.edit{font-size:22px}.edit-title{margin:0 0 30px;font-size:50px}.edit-input{width:80vw}.edit-button{margin:10px;width:50vw;justify-content:center}}.contacts{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;color:#fff;font-size:3rem}.contact-card{background-color:rgba(115,2,2,.3);margin:10px}.contact-title{justify-self:flex-start;font-size:8rem;margin-bottom:20px}@media only screen and (max-width:428px){.contact{display:flex;width:50vw;font-size:20px}}.nav{display:flex;justify-content:space-evenly;align-items:center;font-size:1.875rem;position:fixed;width:100vw;background-color:#000;top:0;z-index:1}button.links{border-style:none;background-color:inherit}.links{position:relative;color:#fff;text-decoration:none}.links:after{content:"";display:block;width:100%;height:2px;bottom:0;left:0;background-color:#fff;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top left;transform-origin:top left;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.links:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}#login-button{color:#000}@media only screen and (max-width:428px){.nav{font-size:12px;height:50px;min-width:100%}.home-img{display:flex;align-self:center;max-width:25px}}.skill-edit{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:100vw;min-height:100vh;font-size:36px;color:#fff}.skill-title{font-size:100px;justify-self:center}.skill-input{margin-bottom:10px;font-size:22px;width:20vw;padding:10px;box-shadow:5px 10px 10px rgb(255 255 255/30%),5px 10px 10px rgb(255 255 255/22%)}.skill-label{margin:10px 0}.skill-label-input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.skill-edit-form{display:flex;flex-direction:column;max-width:50vw}.skill-edit-buttons{display:flex;align-items:center;flex-direction:column}.skill-edit-button{margin:10px}.error-outer{display:flex;justify-content:center;align-items:center;max-width:100vw;min-height:100vh}.skills-error{color:#fff;font-size:6vw}.skill-add{justify-content:center;align-items:center;color:#fff;font-size:36px;max-width:100vw;min-height:100vh}.skill-add,.skill-add-label-input{display:flex;flex-direction:column}.skill-add-label{margin:20px 0}.skill-add-input{box-shadow:5px 10px 10px rgb(255 255 255/30%),5px 10px 10px rgb(255 255 255/22%)}.skill-add-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.skill-add-button{margin:20px 0;justify-self:center}.skill-add-title{font-size:100px;margin-bottom:20px}html{background-image:url(/static/media/background.18ee546b.jpeg);background-color:#000;background-repeat:repeat;background-size:cover;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;font-family:"Playfair Display",serif}::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.cc37f08f.chunk.css.map */