---
import Win98Window from "./win98window.astro";
---

<Win98Window
layout={{
  mobile:  { left: '10%', top: '10%', width: '95%', height: '500px' },
  // tablet:  { left: '30%', top: '20%', width: '50%', height: 'auto' },
  desktop: { left: "10%", top: "20%", width: "65%", height: '600px' }
}}
title="About Me" >

    <div class="field-row-stacked">
      <!-- prettier-ignore -->
      <textarea
        readonly
        id="text201"
        style="font-size: 22px; resize: none; padding: 10px; font-family: inherit; width: 100%; background-color: #fff; border: 1px solid #ccc;  box-sizing: border-box;"
        >I'm Simon, a software developer studying computer science @ Widener university

I am flexable with language choice. Development is a universal language, and I frequntly expand my stack knowledge through experience in different projects.

When it's up to me, I usually chose to write in TypeScript; sometimes GoLang if the project calls for it's usecase.
        </textarea>
    </div>
  </div>
</Win98Window>

<style>
    #aboutme {
        animation: createBox 0.2s;

        width: 100%;

	}

	.field-row-stacked, #text201 {
	    height: 100% !important;

	}

    @keyframes createBox {
       	from {
      		transform: scale(0);
       	}
       	to {
      		transform: scale(1);
       	}
    }
</style>
