<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="x-apple-disable-message-reformatting" />
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>Your Steam Year In Review 2023 is Here!</title>
<!--[if gte mso 9]>
<style type="text/css" media="all">
sup { font-size: 100% !important; }
</style>
<![endif]-->
<!--[if !mso]><!-->
<style type="text/css" media="screen">
@font-face {
font-family: 'Motiva Sans';
font-style: normal;
font-weight: 300;
src: local('Motiva Sans'), url(https://store.cloudflare.steamstatic.com/public/shared/fonts/MotivaSans-Light.ttf) format('woff');
}
@font-face {
font-family: 'Motiva Sans';
font-style: normal;
font-weight: 400;
src: local('Motiva Sans'), url(https://store.cloudflare.steamstatic.com//public/shared/fonts/MotivaSans-Regular.ttf) format('woff');
}
@font-face {
font-family: 'Motiva Sans';
font-style: normal;
font-weight: bold;
src: local('Motiva Sans'), url(https://store.cloudflare.steamstatic.com//public/shared/fonts/MotivaSans-Bold.ttf) format('woff');
}
@font-face {
font-family: 'Motiva Sans';
font-style: normal;
font-weight: 900;
src: local('Motiva Sans'), url(https://store.cloudflare.steamstatic.com//public/shared/fonts/MotivaSans-Black.ttf) format('woff');
}
</style>
<!--<![endif]-->
<style type="text/css" media="screen">
/* this special bit puts Motiva first in the order of fonts for modern email clients */
[style*='Motiva Sans'] {
font-family: 'Motiva Sans', Arial, sans-serif !important;
}
body { padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#fffffe; -webkit-text-size-adjust:none }
a { color:#1a9ffe; text-decoration:none }
p { margin:0 !important }
img { margin: 0 !important; -ms-interpolation-mode: bicubic; /* Allow smoother rendering of resized image in Internet Explorer */ }
table { mso-table-lspace:0pt; mso-table-rspace:0pt; }
img, a img{ border:0; outline:none; text-decoration:none; }
#outlook a { padding:0; }
.ReadMsgBody { width:100%; }
.ExternalClass { width:100%; }
div,p,a,li,td,blockquote { mso-line-height-rule:exactly; }
a[href^=tel],a[href^=sms] { color:inherit; text-decoration:none; }
.ExternalClass, .ExternalClass p, .ExternalClass td, .ExternalClass div, .ExternalClass span, .ExternalClass font { line-height:100%; }
a[x-apple-data-detectors] { color:inherit !important; text-decoration:none !important; font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; line-height:inherit !important; }
.btn a { display: block; text-decoration: none; }
.btnp-10-30 a { padding: 10px 30px; }
.btnp-19-30 a { padding: 19px 30px; }
.l-white a { color: #fffffe; }
.l-black a { color: #000001; }
.l-blue a { color: #1a9ffe; }
.l-grey a { color: #f1f1f1; }
.tdn,
.tdn a,
.tdn span { text-decoration: none !important; }
.tdu a,
.tdu a span { text-decoration: underline !important; }
.name_2022 {
color:#1a9ffe;
}
.name_2023 {
color: #C48100;
}
.button_2022 {
background:linear-gradient(90deg, #3A9BED 0%, #235ECF 100%);
}
.button_2023 {
background-color: #0a6040;
box-shadow: 0px 4px 8px rgba(0,0,0,0.5);
font-weight: 600;
&:hover {
background-color: #10895C
}
}
.bg_png_mask_2022 {
backdrop-filter: hue-rotate(0deg);
}
.bg_png_mask{
height: 100%;
width: 100%;
position: absolute;
}
.bg_png_mask_2023 {
height: 100%;
width: 100%;
position: absolute;
}
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
@media (prefers-color-scheme: dark) {
}
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
.mfz-36 { font-size: 36px !important; }
.mlh-42 { line-height: 42px !important; }
.mfz-58 { font-size: 58px !important; }
.mlh-64 { line-height: 64px !important; }
.mpb-30 { padding-bottom: 30px !important; }
.mfz-30 { font-size: 30px !important; }
.mlh-36 { line-height: 36px !important; }
.mpb-40 { padding-bottom: 40px !important; }
.mfz-14 { font-size: 14px !important; }
.mlh-18 { line-height: 18px !important; }
.mpy-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.mpx-15 { padding-left: 15px !important; padding-right: 15px !important; }
.mpt-0 { padding-top: 0px !important; }
u + body .gwfw { width:100% !important; width:100vw !important; }
.td,
.m-shell { width: 100% !important; min-width: 100% !important; }
.mt-left { text-align: left !important; }
.mt-center { text-align: center !important; }
.me-center { margin: 0 auto !important; }
.mh-auto { height: auto !important; }
.mw-auto { width: auto !important; }
.fluid-img img { width: 100% !important; max-width: 100% !important; height: auto !important; }
.column,
.column-top,
.column-bottom,
.column-dir,
.column-dir-top,
.column-dir-bottom { float: left !important; width: 100% !important; display: block !important; }
.kmMobileStretch { float: left !important; width: 100% !important; display: block !important; padding: 0 !important; padding-bottom: 15px !important; }
.m-hide { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
.m-block { display: block !important; }
.mw-15 { width: 15px !important; }
.mw-100p { width: 100% !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#fffffe; -webkit-text-size-adjust:none;">
<center>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0; padding: 0; width: 100%; height: 100%;" bgcolor="#fffffe" class="gwfw">
<tr>
<td style="margin: 0; padding: 0; width: 100%; height: 100%;" align="center" valign="top">
<table width="775" border="0" cellspacing="0" cellpadding="0" class="m-shell">
<tr>
<td class="td" style="width:775px; min-width:775px; font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- Preview -->
<tr class="m-hide" style="mso-hide: all;">
<td style="font-size: 0pt; line-height: 0pt;">
Your Steam Year In Review 2023 is Here! </td>
</tr>
<!-- END Preview -->
<!-- Fix to prevent preview email content after the subject -->
<tr class="m-hide" style="mso-hide: all;">
<td style="font-size: 0pt; line-height: 0pt;">
</td>
</tr>
<!-- END Fix to prevent preview email content after the subject -->
<!-- Main -->
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="https://cdn.cloudflare.steamstatic.com/store/yearinreview/2023/email/bg.jpg" bgcolor="#260145" valign="top" height="900" class="mh-auto" style="background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 775px; height: 900px;">
<v:fill type="frame" src="https://cdn.cloudflare.steamstatic.com/store/yearinreview/2023/email/bg.jpg" color="#06123d" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<div class="bg_png_mask bg_png_mask_2023"></div>
<div style="position: relative;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img mw-15" width="50" style="font-size:0pt; line-height:0pt; text-align:left;"></td>
<td valign="top" class="mh-auto" height="900">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="py-40" style="padding-top: 40px; padding-bottom: 40px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img-center pb-40 logo_icon_2023" style="font-size:0pt; line-height:0pt; text-align:center; padding-bottom: 40px; ">
<a href="https://store.steampowered.com/" target="_blank"><img src="https://store.cloudflare.steamstatic.com/public/images/yearinreview/steam_logo_social_opaque.png" width="60" height="60" border="0" alt="STEAM" /></a>
</td>
</tr>
<tr>
<td class="title fz-56 lh-62 mfz-36 mlh-42 a-center c-blue pb-10 name_2023" style="font-family:Arial, sans-serif, 'Motiva Sans'; font-size: 56px; line-height: 62px; text-align:center; padding-bottom: 10px; font-weight: 900; color: #C48100;">
drazipurple2011’s </td>
</tr>
<tr>
<td class="title fz-88 lh-88 mfz-58 mlh-64 a-center c-white pb-60 mpb-30" style="font-family:Arial, sans-serif, 'Motiva Sans'; font-size: 88px; line-height: 80px; text-align:center; color:#fffffe; padding-bottom: 60px; text-transform: uppercase; font-weight: 900">
<span>
Year In<br />Review<br />2023 </span>
</td>
</tr>
<tr>
<td class="title fz-40 lh-46 mfz-30 mlh-36 a-center c-white pb-95 mpb-40" style="font-family:Arial, sans-serif, 'Motiva Sans'; font-size: 40px; line-height: 46px; text-align:center; color:#fffffe; padding-bottom: 95px;">
<strong>A look back at your top played games and milestones on Steam this year.</strong>
</td>
</tr>
<tr>
<td align="center">
<!-- Button -->
<table width="450" border="0" cellspacing="0" cellpadding="0" class="mw-100p" style="background: #0a6040;">
<tr>
<td class="btn fz-18 lh-22 mfz-14 mlh-18 btnp-19-30 c-grey l-grey bgr button_2023" style="font-family:Arial, sans-serif, 'Motiva Sans'; text-align:center; letter-spacing:1px; border-radius:5px; font-size: 18px; line-height: 22px; mso-padding-alt:19px 30px; color:#f1f1f1;">
<a href="https://store.steampowered.com/yearinreview/76561198864969944/2023?src=5&snr=1_620_4_" target="_blank" class="link c-grey" style="display: block; padding: 19px 30px; text-decoration:none; color:#f1f1f1;">
<span class="link c-grey" style="text-decoration:none; color:#f1f1f1;">SEE YOUR YEAR IN REVIEW</span>
</a>
</td>
</tr>
</table>
<!-- END Button -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="img mw-15" width="50" style="font-size:0pt; line-height:0pt; text-align:left;"></td>
</tr>
</table>
</div>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
<!-- Last Main elements are closed in footer -->
</td>
</tr>
</table>
</td>
</tr>
<!-- END Main -->
<!-- Footer -->
<tr>
<td class="py-60 px-90 mpy-40 mpx-15" style="padding-top: 60px; padding-bottom: 60px; padding-left: 90px; padding-right: 90px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="text-18 pb-60 mpb-40 fallback-font" style="font-size:18px; line-height:25px; color:#000001; font-family:Arial, sans-serif, 'Motiva Sans'; text-align:left; padding-bottom: 60px;">
You're receiving this email because your Steam Year In Review is ready. </td>
</tr>
<!-- A -->
<!-- B -->
<tr>
<td class="pb-50" style="padding-bottom: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" width="270" valign="top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img mpt-0" style="font-size:0pt; line-height:0pt; text-align:left;">
<a href="https://store.steampowered.com/" target="_blank"><img src="https://store.cloudflare.steamstatic.com/public/shared/images/email/logo_footer.png" width="165" height="50" border="0" alt="" /></a>
</td>
</tr>
</table>
</th>
<th class="column-top mpb-40" width="15" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;"></th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="text-12 pb-14" style="font-size:12px; line-height:16px; color:#000001; font-family:Arial, sans-serif, 'Motiva Sans'; text-align:left; min-width:auto !important; padding-bottom: 14px;">
<strong>Email Preferences</strong>
</td>
</tr>
<tr>
<td class="text-14 pb-12" style="font-size:14px; line-height:18px; color:#000001; font-family:Arial, sans-serif, 'Motiva Sans'; text-align:left; min-width:auto !important; padding-bottom: 12px;">
Set your communication preferences so we can send you emails that matter. </td>
</tr>
<tr>
<td class="text-12 pb-14" style="font-size:12px; line-height:16px; color:#000001; font-family:Arial, sans-serif, 'Motiva Sans'; text-align:left; min-width:auto !important; padding-bottom: 14px;">
<strong>
<a href="https://store.steampowered.com/account/emailoptout?token=97f3fa4907838cc00f6cde54d4991f898aafc9b5a31a5746b34b9a17805b4b0e4cdb9ab00192df4224ec67abad096d6b&snr=1_620_4_" target="_blank" class="link-u" style="color:#000001; text-decoration:underline;"><span class="link-u" style="color:#000001; text-decoration:underline;">Unsubscribe</span></a> | <a href="https://store.steampowered.com/account/emailoptout?token=97f3fa4907838cc00f6cde54d4991f898aafc9b5a31a5746b34b9a17805b4b0e4cdb9ab00192df4224ec67abad096d6b&snr=1_620_4_" target="_blank" class="link-u" style="color:#000001; text-decoration:underline;"><span class="link-u" style="color:#000001; text-decoration:underline;">Update My Preferences</span></a>
</strong>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
<!-- C -->
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" valign="top" width="270" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left;">
<a href="https://www.valvesoftware.com/en/" target="_blank">
<img src="https://store.cloudflare.steamstatic.com/public/shared/images/email/logo_valve.jpg" width="165" height="48" border="0" alt="" />
</a>
</td>
</tr>
</table>
</th>
<th class="column-top mpb-40" valign="top" width="15" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;"></th>
<th class="column-top" valign="top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="text-12 pb-30 fallback-font" style="font-size:12px; line-height:18px; color:#000001; font-family:Arial, sans-serif, 'Motiva Sans'; text-align:left; padding-bottom: 30px;">
<strong>© Valve Corporation</strong>
<br />
<strong>PO Box 1688 Bellevue, WA 98009</strong>
<br /><br />
All rights reserved. All trademarks are property of their respective owners in the US and other countries. </td>
</tr>
<tr>
<td class="pb-48" align="left" style="padding-bottom: 48px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left;">
<a href="https://twitter.com/steam" target="_blank"><img src="https://cdn.cloudflare.steamstatic.com/store/email/general/ico_twitter.png" width="33" height="28" border="0" alt="@steam" /></a>
</td>
<td width="15"></td>
<td class="text-12" style="font-size:12px; line-height:16px; color:#000001; font-family:Arial, sans-serif, 'Motiva Sans'; text-align:left; min-width:auto !important;">
<a href="https://twitter.com/steam" target="_blank" class="link" style="color:#000001; text-decoration:none;"><span class="link" style="color:#000001; text-decoration:none;"><strong>Follow us on Twitter</strong></span></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- END Footer -->
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
<center style="font-family:Arial, sans-serif, 'Motiva Sans'; color: #000000; font-size: 11px; margin-bottom: 4px;">
Trouble viewing this message? <a href="https://store.steampowered.com/email/YearInReviewNotification?sparams=eJxtjr1uxCAQhN_FdXS3_BjMVXmHtNcssM5ZwQbhRdElyrsHSy5SpNv5ZmY130PCtoUHVX4WGm4DDC9DJUxrv99T9pg6KDXHFnjD9Yi8MeHa6d5KyZVpxSV1fMrX_bBL_qRK8RLyn-S-8NF_MJf9dr_erw9K5fJP_ny608aNQ68ICwqMmqw-1lDd84bnmljxaymtlkQShOj-k7B2Q4JUXWEIuW28xI4caAtaCtN5Lpwbc_6g7XDsrGbUDuykphAAZhMijTpq58Q8uQlxDs6PqASOVhuvtHco7ASj1x5Ih9i1BxBOxllLqSkYix4jOBONH35-AXe6c9U"
style="font-family:Arial, sans-serif, 'Motiva Sans'; color: #000000; font-size: 11px; margin-bottom: 4px;">
Click here. </a>
</center>
</body>
</html>