/* Box sizing rules */
*, *::before, *::after { box-sizing: border-box; }

/* Remove default padding */
ul[class], ol[class] { padding: 0; }

/* Remove default margin */
body, h1, h2, h3, h4, p, ul[class], ol[class], figure, blockquote, dl, dd { margin: 0; }

/* Set core root defaults */
html { scroll-behavior: smooth; }

/* Set core body defaults */
body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; }

/* Remove list styles on ul, ol elements with a class attribute */
ul[class], ol[class] { list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) { text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img, picture { max-width: 100%; display: block; }

/* Natural flow and rhythm in articles by default */
article > * + * { margin-top: 1em; }

/* Inherit fonts for inputs and buttons */
input, button, textarea, select { font: inherit; }

/* Blur images when they have no alt attribute */
img:not([alt]) { filter: blur(10px); }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }

/* SINGLE SCREEN SIZES */
/* ONLY VISIBLE ON SAID SCREEN OR LARGER */
/* ONLY VISIBLE ON SAID SCREEN AND BELOW */
/*  OR CUSTOM SIZES IF YOU REEEEEALLLLY NEED THEM */
/* SCREEN DEBUG SETUP. JUST INCLUDE ANYWHERE IN THE ROOT OF YOUR CODE. NO HTML REQUIRED */
/* poppins-regular - latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local("Poppins Regular"), local("Poppins-Regular"), url("/assets/fonts/poppins-v15-latin-regular.woff2") format("woff2"), url("/assets/fonts/poppins-v15-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* poppins-600 - latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("/assets/fonts/poppins-v15-latin-600.woff2") format("woff2"), url("/assets/fonts/poppins-v15-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* poppins-800 - latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("/assets/fonts/poppins-v15-latin-800.woff2") format("woff2"), url("/assets/fonts/poppins-v15-latin-800.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* catamaran-regular - latin */
@font-face { font-family: 'Catamaran'; font-style: normal; font-weight: 400; src: local(""), url("/assets/fonts/catamaran-v7-latin-regular.woff2") format("woff2"), url("/assets/fonts/catamaran-v7-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* catamaran-800 - latin */
@font-face { font-family: 'Catamaran'; font-style: normal; font-weight: 800; src: local(""), url("/assets/fonts/catamaran-v7-latin-800.woff2") format("woff2"), url("/assets/fonts/catamaran-v7-latin-800.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* catamaran-900 - latin */
@font-face { font-family: 'Catamaran'; font-style: normal; font-weight: 900; src: local(""), url("/assets/fonts/catamaran-v7-latin-900.woff2") format("woff2"), url("/assets/fonts/catamaran-v7-latin-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* catamaran-600 - latin */
@font-face { font-family: 'Catamaran'; font-style: normal; font-weight: 600; src: local(""), url("/assets/fonts/catamaran-v7-latin-600.woff2") format("woff2"), url("/assets/fonts/catamaran-v7-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

body { background: #fff; -webkit-font-smoothing: antialiased; font-family: "Catamaran", sans-serif; color: rgba(0, 0, 0, 0.8); font-size: 62.5%; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; font-weight: 600; }

#container { max-width: 800px; overflow: hidden; margin: 0 auto; }

header { display: flex; align-items: center; height: 30vw; }

@media (max-width: 1199px) { header { margin-top: 2rem; } }

header h1 { margin-right: 1rem; width: 50vw; text-align: right; color: rgba(0, 0, 0, 0.8); text-transform: uppercase; position: relative; }

header h1 span { opacity: 1; right: -.5rem; line-height: 4.5rem; font-size: 5rem; font-weight: 700; }

@media (max-width: 1199px) { header h1 span { font-size: 2rem; line-height: 2rem; } }

header .descr { font-family: "Poppins", sans-serif; margin-left: 1rem; color: #fff; font-size: 3rem; font-weight: 700; background: #6c63ff; padding: 1rem; line-height: 3rem; text-transform: uppercase; }

@media (max-width: 1199px) { header .descr { font-size: 1rem; line-height: 1rem; } }

a { color: #6c63ff; text-decoration: none; padding: 0rem 1rem; margin-right: 1rem; font-size: 1rem; margin-bottom: 1rem; border: 1px solid; border-radius: 2rem; }

@media (max-width: 1199px) { a { font-size: 1rem; padding: 0 .5rem; margin-right: 1rem; } }

p a { color: #555555; background: none; padding: 0; margin: 0; }

section { font-size: 1.2rem; line-height: 2.4rem; padding: 4rem; }

section p { text-align: justify; }

section h3 { font-size: 2rem; color: #6c63ff; font-weight: 600; margin: 1rem 0; padding: .5rem 0; margin: 0; display: inline-block; }

section h2 { font-size: 4rem; margin-bottom: 2rem; }

section#projects .project { margin-bottom: 4rem; }

section#projects .img { justify-content: space-around; display: flex; margin-top: 2rem; }

section#projects .img img { max-height: 20rem; margin-right: 2rem; }

section#projects p { margin-bottom: 1rem; }

section#resume { background: rgba(255, 255, 255, 0.5); }

section#resume .details { display: flex; opacity: .5; }

section#resume .details .company:after { content: "\2500"; margin: 0 .5rem; display: inline-block; }

section#resume ol { margin: 0; padding: 0; list-style-type: none; }

section#resume ol > li { margin-bottom: 4rem; }

footer { padding: 4rem; text-align: center; }

@media (max-width: 991px) { footer { width: 100%; margin: 0; } }

footer a { background: none; color: #555555; padding: 0; font-size: 1rem; }

footer a:before { content: "# "; }

/*# sourceMappingURL=style.css.map */