*{box-sizing:border-box}body{background-color:#ffe8e8;width:100vmax;width:100%;height:100vmin;margin:auto;font-family:"Roboto Slab",serif;font-size:1em;color:#333}section{display:flex;align-content:center;margin:auto;padding:1rem;min-height:40vh}.link{text-decoration:none;color:white}.text__link{color:#333;font-style:bold}.text__link:hover{background-color:#7FEFBD}.btn{width:20vw;margin:5px;border:none;text-decoration:none;color:white;background-color:#ff5376;padding:5px;position:relative;z-index:1}.btn:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:#7FEFBD;z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform 200ms ease-in}.btn:hover:after{transform:scaleX(1);transform-origin:left}@media screen and (min-width:800px){.btn{max-width:180px}}.headline{padding-top:0.5rem;padding-left:1rem;padding-bottom:0.5rem;font-family:"Kanit",sans-serif;font-size:30px;color:#ff5376;text-shadow:1.5px 1.5px #f7b7df;text-transform:uppercase;font-style:italic;position:relative;background-color:#fdd6d7}.headline:hover{color:#7FEFBD}.headline:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:currentColor;box-shadow:1,5px 1,5px 0 0 #f7b7df;transform:scaleX(0);transform-origin:right;transition:transform 250ms ease-in}.headline:hover:after{transform:scaleX(1);transform-origin:left;box-shadow:1,5px 1,5px 0 0 #f7b7df}.header{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;height:30vmin;padding:1rem;font-family:"Kanit",sans-serif;font-style:italic;color:#ff5376;text-shadow:2.5px 2.5px #f7b7df;text-transform:uppercase}.header__title{font-size:7vw;position:relative;margin-left:1rem}.header__title:hover{color:#7FEFBD}.header__title:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:7px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 300ms ease-in}.header__title:hover:after{transform:scaleX(1);transform-origin:left}.about{display:flex;flex-direction:column}.about__title{margin-top:0;padding-left:0;background-color:#fdd6d7}.about__img-container{margin:0 1rem 1rem 1rem}@media screen and (min-width:800px){.about{display:flex;flex-direction:row;justify-content:space-evenly}.about__text-container{width:70vw;margin-left:0.5rem}}.work__card{display:flex;flex-direction:column;padding:0.5rem;padding-top:1.5rem;margin-top:2rem;margin-bottom:2rem;background-color:#fdd6d7}.work__title{display:flex;justify-content:space-between;align-items:center}.work__img{display:flex;justify-content:center}@media screen and (min-width:800px){.grid-work{display:grid;flex-wrap:wrap;grid-template-columns:auto auto;gap:1rem 1rem}}@media screen and (min-width:1200px){.grid-work{display:grid;flex-wrap:wrap;grid-template-columns:auto auto auto;gap:1rem 1rem}}.menu{display:flex;justify-content:space-evenly;margin-bottom:3rem}.cv{padding-bottom:2rem;display:flex;justify-content:center}.cv__title{margin-left:1rem;text-transform:uppercase}.cv__list{background-color:#fdd6d7;padding-right:1rem}.grid-cv{display:grid}@media screen and (min-width:800px){.grid-cv{grid-template-columns:repeat(24,auto);grid-template-rows:repeat(12,20px);gap:0.5rem 0.5rem}.cv-item1{grid-area:1/1/3/13}.cv-item2{grid-area:3/1/7/13}.cv-item5{grid-area:1/20/3/25}.cv-item6{grid-area:3/20/10/25}.cv-item3{grid-area:8/1/10/13}.cv-item4{grid-area:10/1/17/13}}@media screen and (min-width:1200px){.grid.cv{grid-template-columns:repeat(24,auto);grid-template-rows:repeat(12,20px);gap:0.5rem 0.5rem}.cv-item1{grid-area:1/1/3/12}.cv-item2{grid-area:3/1/8/12}.cv-item3{grid-area:1/12/3/24}.cv-item4{grid-area:3/12/8/24}.cv-item5{grid-area:1/24/3/25}.cv-item6{grid-area:3/24/10/25}}.contact{display:flex;justify-content:center}.contact__form{display:flex;flex-direction:column;width:60vw}.form{margin:5px}.form__btn{color:white}