.hide-on-phone {
	display: none;
}

/* content */

html {
	min-height: calc(100vh - 40px); /* Screen size minus top and bottom padding. */
	padding: 20px 40px;
}

body {
	min-height: calc(100vh - 40px); /* Html minimum size actually. */
}

.wrap {
	flex-wrap: wrap;
}

.gap-50 {
	gap: 25px;
}

#preview-image {
	min-width: 75vw;
	width: 75%;
}

header {
	margin-bottom: 40px;
}

#competences {
	flex-direction: column;
}